- JavaScript 웹 코드 에디터 추천 : codesandbox.io codesandbox.io는 개발 도구를 설치하지 않고 온라인에서 웹 개발 및 간단한 코드를 작성할 수 있다. (해당 에디터는 프론트엔드에 특화되어 있다.) CodeSandbox: Code, Review and Deploy in Record Time CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time. codesandbox.io - codesandbox.io 사용 방법

- 자바스크립트(JavaScript) 간단요약 // JavaScript(JS) // datatype : boolean, number, string, object, function, undefined // 데이터타입은 값이 정의되는 시점에 지정 // 서로 다른 데이터 타입간 연산 수행이 비교적 수월 // object = {} // ex) {key : value, key : value, key : value} value의 타입은 js데이터 타입과 일치 // object 내의 property에 접근하는 방법 : .을 통한 접근, []을 통한 연관배열형 접근 // object의 property 중 function 타입을 method라고 부름 // function 타입은 선언방식에 따라 // 1) 선언식 함수 f..

1. 리액트(React)란? 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 2. 리액트의 특징 사용자 인터페이스를 편하게 만들기 위해서 싱글 페이지 애플리케이션(화면 깜박임 없이 자연스럽게 페이지 이동) 앱 같은 경험을 웹에 적용 - 왜 사용하는가? 사용자 경험 : 앱 같은 경험을 웹에 적용하여 사용자 경험이 좋아진다. 데이터 화면 일치 : 데이터를 화면에 반영할 때 일치시키는 게 좋아진다. 재사용 컴포넌트 : 중복 요소를 하나로 묶어줘서 유지보수가 용이하다. 3. 사용 방법 - head 태그에 r..

- 자바스크립트 파일 min으로 압축하기 JavaScript Minifier JavaScript Minifier Online JavaScript Minifier/Compressor. Provides an API. Simple and Fast. www.toptal.com

1. Ajax란? 비동기 자바스크립트와 XML의 합성어(Asynchronous JavaScript And XML) → AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 '비동기성' Ajax 시작하기 - 웹 개발자 안내서 | MDN 본 문서는 AJAX의 기본을 익힐수 있도록 해주며, 두 가지 간단한 훈련용 예제를 제공합니다. developer.mozilla.org 2. Ajax 예제(비동기 처리) - test.html 핫하 - ajax.html Make a request 3. jQuery로 Ajax 사용하기 - ajax2.html get