[React] React 설명 및 설치

Node.JS는?

자바, 파이썬 같은 언어인데

자바스크립틀 서버사이드에서 사용가능하게 해준다.

//버전 및 설치 유무 확인 없으면 설치
node -v

https://nodejs.org/en/

expressJS는?

노드JS가 자동차 엔진이라면

엔진을 가지고 자동차 부품을 만드는거를 expressJS라고 생각하면 된다.

노드js를 좀 더 쉽게 사용가능하게 해주는 프레임워크라 생각하면 된다.

 

React는?

https://www.youtube.com/watch?v=l8tikXBbFFU

• 라이브러리이다.
• 페이스북에서 개발되었다.
• ⭐컴포넌트이다
  • 재사용성이 높다
  • 한 파일에 모듈화 및 컴포넌트를 한다.
• Virtual DOM
  • 바뀐 부분만 업데이트된다.
    • 순서1. 스냅샷을 찍어둔다.
    • 순서2. 변경된 부분을 찍어둔 스냅샷을 Virtual DOM이 비교하여 UPDATE해준다.

React 설치

• 예전에는 설정할 때 많은 시간이 소요됐다.
• 요즘에는 npx create-react-app . 명령어를 통해 간단하게 설정가능하다.

node_modules/
package.json
public/
src/

해당 프로젝트에 위에 같이 설치된걸 볼 수있다.

Babel

최신 자바스크립트 문법을 지원하지 않는 브라우저들을 위해서

최신 자바스크립트 문법을 구형 브라우저에서도 돌수있게 변환 시켜줌.

 

NPM vs NPX

https://www.youtube.com/watch?v=Ibc7G5OUYGw