React 개발환경 세팅하기

Sohyeon·2020년 8월 27일
0

side project

목록 보기
2/2

내가 기억하기 위한 create-react-app을 사용한 간단한 개발환경 세팅방법


필요 프로그램

  1. Node.js

  2. npm
    : node js 다운받을 때 기본으로 같이 다운됨

  3. npx

    **콘솔 창에 입력
    npm install npx -g

다운받은 프로그램의 버전 확인 및 설치완료되었는지 확인 용 구문

node -v
npm -v
npx -v



create-react-app 설치 및 react app 생성

**documents로 이동 후 입력
npx create-react-app app_name
cd app_name
npm start



실습하면서 느낀 주의사항

  • app_name에는 대문자를 표시할 수 없다.
  • npm start시, spawn powershell ENOENT 이란 에러가 떴었는데, 기존에 설치되어있던 node js의 버전이 매우 낮아 작동하지 않았던 것이 원인이었다. 삭제 후 재설치하니 해결!

자세한 문서를 읽고 싶다면 페이스북의 github을 확인


git repository와 연결하기

**생성한 폴더 위치에서 실행해야 함.
git init
git remote add name github-link

profile
춤 추는 주니어 프론트엔드 개발자입니다

0개의 댓글