10월20일

npm install 할 때 디팬던시에 저장해야 패키지 제이슨에도 기록이 남아서 다른 사람들이 받았을 때도 작동될 수 있다. 

 

npm init -y  패키지 제이슨을 만들어준다.

babel 은 jsx를 js로 해독해주는 역할   /  리액트를 빌드해야 서버에서 리액트 엔진을 가동할 수 있다. 또 경량화도 어느정도

static 설정을 해줄때 /* 를 해준다면 어떤 라우팅에서도 연결이 된다. 

 

SPA를 하려면 Dom에 대해서 알아야하고 url에 따라 바뀌게 하려면 history API 를 사용하게 된다. pushState는 리액트로만 구현된 가짜 기록

면접 단골질문 => 클라우드 사이드 라우팅과 서버 사이드 라이팅의 차이  서버는 http요청을 바꿔서  사이트를 새롭게 랜더링, 라우팅하고 클라이언트 사이드 라우팅은 pushState를 통해서 띄어놓은 창에서만 분기가 나눠져있는 것. 해당 주소로 다시 탐색하면 404 Virtual endpoint 개념  클라이언트 사이드 라우팅은 뒤로가기 앞으로가기를 고객 관점에서 편하게 하기 위해서 탄생했다고 본다.

 

미디어쿼리 = 반응형 웹  min-width 이거보다 클 경우,  max-width 최대가 이거일떄! 

 

cra를 할 때 생기는 index.html은 껍데기 이다 js파일들을 억지로 연결해도 import 기능을 못 알아먹는다. 그래서 빌드해야해