What is React?

설명

 

React page

  웹 프론트를 만드는 JS Framework로 Single Page Application 기술이다. 모바일 앱을 사용하다 보면 다른 페이지로 넘어갈 때, 페이지가 reload 되지 않고 바로 바로 넘어가는 좋은 UX를 제공하는 것을 느낄 수 있다. 하지만 브라우저에서는 다른 페이지를 link를 통해서 넘어가게 되면 페이지가 항상 reload 되는데, SPA 기술은 이것을 방지해준다. 즉 페이지가 넘어갈 때 필요한 구성 요소만 변경해주기 때문이다. React는 Component라는 것을 만들고, component들을 조합하여서 페이지를 구성한다.

설치

  React를 설치하는 명령어로 npm i create-react-app <app_name>이 있다. create-react-app은 react로 작업하기 위한 모든 환경을 setting해준다. create-react-app 같은 경우에는 버전 업데이트가 자주 일어난다. 그렇기 때문에 버그가 수정된 create-react-app같은 보일플레이트를 매번 업데이트 해주는 것은 번거로운 일이다. 그래서 npx를 사용하는 것이다. npx는 모듈을 로컬에 저장하지 않고 매번 최신 버전의 파일만을 임시로 불러와 실행 시킨 후에, 다시 그 파일은 없어지는 방식으로 모듈이 돌아간다.

  $ npm i -g npx
  $ npx create-react-app <app_name>

참고자료

• React
• npm vs npx

소스 코드

github.com/zpskek/Nomflix-v2/commit/9654956f26531d72d213262665fab1b01cb55738