(react) 리액트앱 설치

예전에는 웹팩이나 바벨과 같은 모듈을 설치하고 설정해야 리액트 앱을 시작할 수 있었으나, 요즘은 "npx create-react-app [폴더이름]"과 같은 명령어로 간단하게 리액트를 설치할 수 있다고 함.

 

설치 과정

1. Node.js 설치
2. npm(또는 yarn)에서 create-react-app 전역 설치
3. 새폴더 만들기
4. create-react-app 실행하여 프로젝트 생성
5. npm start 명령어로 개발 서버 실행

#터미널에서 아래 명령어만 타이핑해주면 됨
npx create-react-app <프로젝트 이름>

#설치(설치가 되어있다면 패스)
npm install (yarn인 경우는 yarn install)

#개발 서버 실행
npm start (yarn인 경우는 yarn start)

 

 

공부할 때는 설치하는 것들이 심플하게 느껴지지만

실제 프로젝트를 들어갈 때면

환경설정에서 생각치 못한 변수들이 많아

매번 막막한 기분을 안겨주는 아이들인 것 같음 ㅠㅠ