🍅Node환경세팅 관련 명령어 모음
🔴 nvm ( node version manager )
: node.js의 버전 관리자
- nvm 버전 :
nvm --version - nvm 설치 :
nvm install [설치할버전]
- node 버전 목록 :
nvm ls - node 버전 :
node -v - 사용중인 노드버전을 바꾸고싶을때:
nvm use [사용할 노드 버전]
🔴 npm ( node package manager )
: 누가 만들어놓은 패키지를 쓸수 있게해줌, 노드 설치하면 함께 설치된다.
🔴 yarn
npm대신 yarn도 쓸 수 있다. 패키지 설치를 필요로 한다.
- yarn 설치 :
npm install -g yarn - yarn으로 패키지 설치 명령:
yarn add [옵션][설치할 패키지 이름]
💡 yarn vs npm 어떤걸 써야할까?
yarn이 조금더 속도가 빠르다. 그래서 나는 yarn을 썼다. yarn은 패키지를 설치해줘야하니, 그게 귀찮다면, npm이나 npx를 써도 상관없다. yarn add = npm install 거의 같다고 보면된다. 여러명이 프로젝트를 할때는 한가지 명령어로 통일하는게 좋다.
🥝 React패키지 설치 관련 명령어 모음
🟢 리액트 개발환경 구축
- 프로젝트 설치 :
yarn create react-app "프로젝트 명" - 프로젝트 실행 :
yarn start
🟢 페이지간 이동
- 라우터 패키지 설치 :
yarn add react-router-dom
🟢 리덕스로 상태관리
- 리덕스 패키지 설치 :
yarn add redux react-redux - 리덕스 정크 설치 :
yarn add redux-thunk
🟢 리액트 스타일링을 위한
- 스타일드컴포넌트 설치 :
yarn add styled-components - 머테리얼유아이 설치:
yarn add @material-ui/core @material-ui/icons
⛔ 환경설치 도중 발생했던 문제( localhost:3000 종료하기 )
프로젝트 두가지를 동시에 하던 상황이 있었다. localhost:3000이 종료되지 않아서, 자꾸 localhost:3001에서 열지 runstart를 할때마다 물어봤다. 계속 y 눌러서 하다가, 번거로워서 방법을 찾아봤다. 나는 윈도우 환경이었고, 검색해보니깐 php 관련해서 포트번호를 찾아서 죽이는 방법을 추천해줬는데, 잘 되지 않았다.
npx kill-port 3000을 입력하니 깔끔하게 3000포트가 종료됐다.
프론트엔드개발자가 될거야!