- 자바스크립트(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..

- ready 함수와 이벤트 바인딩(evnet binding) load : 문서 내의 모든 요소의 load가 완료된 시점 ready function : 문서 내의 모든 요소의 ready가 완료된 시점 ex) 이때 이미지 크기가 100MB load : 100MB 다운로드 완료 후에 동작 ready : img 태그를 인식 후에 동작 기본 event는 중복 선언이 불가하여, alert는 2 > 3 > 4 로 실행된다.

- 리액트(React) 컴포넌트(Component) 생성하기 - 리액트로 Like 버튼 태그 생성하기(결과물)

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