logo

한국어

윈도우에서 React 개발환경 구축

관리자 2019.08.07 12:23 조회 수 : 4

1. node.js LTS 버전 설치 (https://nodejs.org/ko/)


2. yarn 패키지 관리자 설치
npm install --global yarn

:: yarn 패키지 관리자 업데이트
yarn self-update

:: 의존성을 체크한다.
yarn


3. React 설치
npm install -g create-react-app

:: create-react-app 버전 확인
create-react-app --version

:: 작업 디렉토리 생성
mkdir D:\react_test
cd /D D:\react_test

:: 테스트 애플리케이션 생성
create-react-app my_app
cd my_app
npm start
:: 웹브라우져가 http://localhost:3000/을 열면서 실행된다.


■ npm 및 yarn 설치 디렉토리
C:\Program Files\nodejs\node_modules\npm\bin
C:\Users\Administrator\AppData\Roaming\npm\node_modules\yarn\bin

■ 참고사이트
https://araikuma.tistory.com/485
https://brunch.co.kr/@brunch92ny/33
https://sujinlee.me/webpack-react-tutorial/