React (2) 썸네일형 리스트형 [React] React의 개요 및 특성 1. 페이스북에서 React 라이브러리를 발표 참고) Angular는 구글이 발표한 Framework이다. 2. UI 상태 자동 관리 화면의 맨 마지막 상태만 관리한다. 3. 속도 빠른 DOM 조작 가상 DOM을 사용한다. 4. 결합이 용이한 UI를 지원하는 API 5. 자바스크립트로 정의하는 비주얼 es6문법을 주로 사용, typescript는 잘 사용하지 않는다. 6. 실시간으로 변경되어 상태를 최신으로 유지 [React] JSX(JavaScript Expression)문법의 사용 규칙 1. 화면에 데이터를 출력할때에는 반드시 하나의 태그를 사용 2.변수 선언 및 값 출력하기 선언 형식) let 변수명=값 출력 형식) {변수명} 3.이벤트 처리함수 선언 및 호출하기 4. 스타일시트 적용하기 1) 스타일시트가 복잡한 경우, .css파일을 만들어서 import로 불러온다. 2) 스타일시트가 적용된 camelCase Object => var 객체명={속성명:속성값~} 5. 화면상에 디자인하기 6. 주석 사용 시 주의할 점 1) 주석을 사용하는 곳이 정해져 있다. 2) 태그와 태그 사이에 주석을 사용할 때는 { } 안에 주석을 사용한다. 이전 1 다음