정의_React

miin·2021년 9월 13일
0

React

목록 보기
4/55
post-thumbnail
post-custom-banner
  • 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 을 브라우저 주소창에 입력하면 우리가 작성해둔 데이터가 응답으로 오는것을 볼 수 있다.
post-custom-banner

0개의 댓글