React js 도구 윈도우10 환경에서 설치하기
윈도우 환경에서 간단하게 create-react-app 프로젝트를 만드는 방법.
visual studio code만 설치된 상태를 기준으로 함.
내가 다음에 설치할 일이 있거나 동료에게 설치를 도와줘야 할 때 이것만 보고 한번에 할 수 있도록 하는 것이 목표.
1. node js 설치
이후 cmd에서 node --version으로 설치 확인.
그리고 npm도 자동으로 설치됨. npm -v 로 설치확인.
참고로 윈도우 Visual Studio Code에서 Ctrl + ` 이걸로 터미널 열어서 확인해볼 수도 있는데
만약 에러가 발생한다면 대개 Visual Studio Code를 종료시키고 다시 실행시켜서 확인해보면
에러가 없을 것이다.
2. yarn 설치
cmd에서 npm install --global yarn
윈도우 Visual Studio Code에서 yarn -v 해보면 오류 생길 것이다.
이건 powershall을 관리자 권한으로 실행시켜서 Set-ExecutionPolicy RemoteSigned 실행시킨 다음에
Y 입력 하면 해결 됨.
3. create-react-app 설치
yarn global add create-react-app
참고: npm으로도 설치할 수 있지만 npm으로 설치하면 모든 디렉토리에서 creat-react-app 사용이 불가능하다고 한다.
4. 프로젝트 파일 생성 & 실행
npx create-react-app my-project
여기서는 시간이 좀 걸린다. 대략 1-2분 정도?
설치가 완료되면 cd my-project 으로 프로젝트 파일로 들어가서,
npm start 로 개발 서버를 실행시키면 된다.