JS를 확장한 문법으로 React "엘리먼트"를 생성React의 렌더링 로직은 UI로직( 1) 이벤트가 처리되는 방식, 2) 시간에 따라 state가 변하는 방식, 3) 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결됨속성에 따옴표를 이용해 문자열 리터럴을 정
UI 구현을 위한 선언적이고 효율적이며 유연한 JS 라이브러리React.Component신규 컴포넌트 작성에 사용되는 클래스\-> 데이터가 변경될 때 올바른 컴포넌트들을 업데이트하고 랜더링ShoppingListReact 컴포넌트 클래스, React 컴포넌트 타입하나의
React 엘리먼트
컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있음
공식문서 보다가 책으로 변경,,,ㅎ 프레임워크 개념부터 다시 재시작
2장 JSX 번들러 대표적인 번들러 종류 웹팩 (리액트에서 주요 사용 / 편의성, 확장성이 뛰어남) Parcel browserify 번들러 도구 사용하면 발생하는 일? import(또는 require)로 모듈을 불러왔을 때 불러온 모듈을 모두 합쳐서 하나의 파일을
컴포넌트의 기능은 단순히 템플릿 이상1) 데이터가 주어졌을 때 이에 맞추어 UI를 만들어 줌2) 라이프사이클 API를 이용하여 컴포넌트가 화면에서 나타날 때, 사라질 때, 변화가 일어날 때 주어진 작업들을 처리3) 임의 메소드를 만들어 특별한 기능을 붙여줄 수 있음
사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것을 이벤트라고 함