#16 Create-React-App

[인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의를 들으며 정리한 내용입니다.

 

 

• 바벨 : 최신 자바스크립트 문법을 지원하지 않는 브라우저들을 위해서 최신 자바스크립트 문법을 구형 브라우저에서도 돌 수 있게 변환 시켜 줌
• 웹팩 : 많은 모듈을 합해서 간단하게 만들어줌 (src폴더 내부만 관리)

👉 이전에 node로 작업했던 파일들은 server 폴더에 넣고 client 폴더를 만들어 리액트 설치하기

1. cd client (client 폴더로 이동)
2. npx create-reacte-app . (현재 폴더 내에 설치)

이전엔 npm을 이용해 global로 다운받아야했지만 지금은 npx를 이용해 다운로드 없이 실행할 수 있다. npx가 npm registry에서 create-react-app을 찾아 다운로드 없이 실행 시켜준다.

→ 장점 : Disk Sapce를 낭비하지 않고, 항상 최신 버전을 사용할 수 있다.

npm (node package manager)

1. dependendcy 라이브러리를 담고 있는 역할
2. 파일 build시 사용, packge.json파일에서 설정을 확인할 수 있다