리액트 CRA, 라우터

carminchameleon·2020년 3월 29일
0

HangOutWithReact

목록 보기
9/12

왜 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가 없어도 목업 데이터를 통해서 구현을 할 수 있다.

profile
나는야 코린이 하지만 무럭무럭 자라고 있죠

0개의 댓글