[winterlood 강의] React App 만들기 note

React.js : Node 기반의 JS UI 라이브러리

 

Webpack : 여러 개의 자바스크립트 파일을 하나의 파일로 합쳐주는 모듈 번들 라이브러리

 

Babel : JSX 등의 쉽고 직관적인 자바스크립트 문법을 사용할 수 있도록 해주는 라이브러리

 

 

 

 

 

 

Create React App : 리액트에 필요한 패키지들과 복잡한 환경설정 등을 미리 설치해놓고 바로 사용할 수 있도록 감싸놓은 패키지(Boiler Plate; 틀, 표준의 의미)

 

 

'보일러 플레이트' 용어의 기원 >> https://whynameitthat.blogspot.com/2013/10/boiler-plate.html

Boiler Plate

 

 

 

 

 

 

 

 

*  VSCode에서 ctrl + j 하면 터미널이 열림.

 

 

 

* npx(명령어)는설치되어 있지 않은 패키지를 딱 한번만 사용하고자 할 때 사용하는 도구(패키지).

 

npx create-react-app <프로젝트 이름>

 

 

 

※ create react app 오류 발생시

https://jeong-ran-e.tistory.com/entry/Create-React-App-%EC%98%A4%EB%A5%98-%EB%B0%9C%EC%83%9D%EC%8B%9C-%ED%95%B4%EA%B2%B0%EB%B0%A9%EB%B2%95

Create React App 오류 발생시 해결방법

 

 

 

 

 

 

 

create-react-app을 통해 기본적으로 7가지의 패키지가 함께 자동으로 설치된 것을 볼 수 있다.