[React]npm프로젝트 생성

wine Faster·2024년 10월 8일
0

리액트

목록 보기
2/2
post-thumbnail

파일 설치


  • npm = Node Package Manager
  • 자바스크립트를 위한 패키지 관리자이다
  • Node.JS를 설치하면 npm이 자동으로 설치된다

Node.js 설치

VS Code 설치

설치 확인

#버전은 항상 체크해이햔다, 버전이 다르면 프로젝트 진행할 때 오류가 생길 수 있다
node -v  #노드 버전 체크
npm -v   #npm 버전 체크

리액트 프로젝트 생성

  • VS CODE에서 CTRL+J으로 터미널 열기
  • npx 명령어 사용해서 프로젝트 생성
#npx create-react-app {프로젝트 명}
npx create-react-app react-board
#또는 프로젝트 이름없이
npx create-react-app ./
  • npx명령어 사용하면 프로젝트에 필요한 모듈 등이 생성된다, 기본적으로 깃허브에는 모듈은 업로드하지 않는다
  • 프로젝트 업데이트
npm i
  • 프로젝트 웹브라우저에서 실행
npm start

0개의 댓글