왜 CRA로 깔아야 할까?
CRA 안에는 어떤 것들이 있는가? ( 파일 구성)
node-modules : 설치된 소스 코드들을 모아 놓은 것
Public - index.html // <id="root">
src - Index.js ReactDom.render( 내보낼 것, 위치)
-package.json 설치 되어 있는 것, 버전 정보 ( 실제 코드는 node-modules)
state는 상태 값, 데이터의 정보라고 생각하면 된다.
jsx : 자바스크립트 확장 문법
올라갈때는 자바스크립트의 문법으로 컴파일 된다.
내가 jsx에서 자바스크립트 문법을 쓰고 싶으면 {} 안에 써야 한다.
Props가 무엇인가?
말그대로 property인데, 자기 컴포넌트안에서 데이터를 관리하려면 하나만 있어도 되지만
부모 컴포넌트에 있는 정보가 자기한테 들어와서 반영을 해야 할때
자식은 state를 바꿀 수 없다. 받아서 반영만 할 수 있는 것이기 때문에 read only 라고 하는 것
라우터
routing url 주소를 바꿔서 페이지를 이동시키는 기능
SPA ( 한번에 보내주고 다 브라우저에서 처리한다)
우리가 랜더해줘야 하는 요소들이 많아지고 복잡해져서 생겼다.
SPA를 구현하기 위해서 필요한 것이 라우팅이다.
라이브러리 vs Framework
왜 라이브러리? 라우팅 기능이나 다른 기능들이 빠져 있기 때문에 라이브러리라고 많이 한다.
그렇기 때문에 우리가 설치해야 하는 것이 React-Router를 깔아서 그걸 구현하게 하는 것이다.
CRA를 할 때마다 router, scss와 같은 것들을 다운받아주어야한다. cra는 뼈대만 있는 것이기 때문에
API가 없어도 목업 데이터를 통해서 구현을 할 수 있다.
