- React란
UI를 만들기 위한 JS 라이브러리
가상돔(Virtual Dom)을 통해 ui를 빠르게 업데이트함
가상돔은 이전 UI 상태를 메모리에 유지해서, 변경될 UI의 최소 집합을 계산하는 기술이다
이 기술 덕분에 불핗요한 UI업데이트는 줄고 , 성능은 좋아짐
React의 특징
JXS / Virtual DOM / component
react application은 한번에 하나의 component만 rendering 할 수 있다
ReactDOM.render(, document.getElementById("root");
public 폴더의 역할
- 우리가 웹을 배포한다는 건 특정 폴더를 서버 컴퓨터에 올려두는 것
- 그래서 서버랑 연결된 특정 url로 접근하면 해당 폴더의 파일을 요청할 수 있는 것 → 뒤에 따로 추가적인 url을 안붙이면
index.html
을 요청한다.
- e.g.)
[https://naver.com](https://naver.com)
. → 로 접근하면 naver.com에 연결되어있는 서버 컴퓨터의 폴더에 접근해서index.html
을 가져오는 것- 우리가 CRA를 배포했을 때 실제 서버에 배포되는 폴더가
public
폴더- 그래서 우리 서버 주소로 접근하면(개발서버의 경우
http://localhost:3000
)public
폴더에 들어가는 것과 동일하다.- 그래서 우리가 public에 특정 디렉토리, 파일을 만들어두면 서버 url 통해서 접근이 가능하다.
- 예시로,
public/data/commentData.json
파일을 만들어두면, 서버에 접속해서 해당 파일에 접근할 수 있다
- 실제로, comentData.json파일을 만들고, npm start로 개발서버를 실행한 후,
http//localhost:3000/data/commentData.json
을 브라우저 주소창에 입력하면 우리가 작성해둔 데이터가 응답으로 오는것을 볼 수 있다.