Node.js 설치
설치 페이지에서 Node.js를 설치한다.
이 창이 뜨면 Automatically install the necessary tools. 에 체크 표시를 해준다.
아무 키나 누르면 PowerShell이 열리면서 설치가 진행된다.
설치가 완료되면 PowerShell에서 Type ENTER to exit: 이라는 문장이 나오고 Enter키를 누르면 PowerShell 창이 꺼진다.
cmd에서 node -v npm -v npx -v를 입력하여 설치가 완료된 것을 확인한다. (혹시 안 된다면 cmd를 껐다 다시 켜보기)
React 프로젝트 만들기
React 프로젝트를 진행할 폴더를 만들고 그 폴더에 들어간 상태로 다음 코드를 입력한다.
npx create-react-app [프로젝트명]npx: npm에 올라가있는 패키지를 바로 실행해서 설치시켜주는 도구
설치가 완료되었다.
vscode에 들어가서 프로젝트 폴더를 확인하면 react를 위한 파일들 설치가 자동으로 완료된 것을 확인할 수 있다.
새로운 Git bash 터미널을 열고 다음을 실행시킨다.
cd [프로젝트명]
npm start
브라우저가 열린다.
 |  |
|---|
vscode에서 src 폴더의 App.js 파일을 수정하면 바로 브라우저에 적용된다.
글로벌소프트웨어캠퍼스와 교보DTS가 함께 진행하는 챌린지입니다.
