리액트 명령어 정리

프로젝트 생성하기

npm init react-app .

터미널에서 원하는 디렉토리에 들어가서 npm init react-app .를 입력하면 현재 디렉토리에 리액트 프로젝트를 생성합니다.

 

 

개발 모드 실행하기

 

npm start (npm run start)

터미널에서 npm run start를 입력하면 개발 모드 서버가 실행됩니다.

 

 

실행 중인 서버 종료하기

ctrl + c

서버가 실행 중인 터미널에서 ctrl + c를 입력하면 서버가 종료됩니다.

 

 

개발된 프로젝트 빌드하기

npm run build

터미널에서 npm run build를 입력하면 빌드를 시작합니다.

 

 

빌드한 것 로컬에서 실행하기

npx serve build

터미널에서 npx serve build를 입력하면 serve 프로그램을 다운 받고 build 폴더에서 서버가 실행됩니다.

 

 

라우터 설치하기

npm install react-router-dom@6

 

 

 

라우터 설치하기(meta title 설정)

npm install --save react-helmet

 

 

Styled Components 설치하기 

npm install styled-components

 

 

sass 설치하기 

npm install sass

 

 

tailwind 설치하기

 

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

 

 

 

Javascript 자주쓰는 문법 모음 #배열