React 환경 세팅하기

html, css, javaScript 까지 공부 했으면 대망의 React를 공부할 차례이다. html은 vscode에서 라이브서버를 이용하여 바로 웹을 확인할 수 있지만, 리액트는 nodejs의 도움을 받아야 한다.

1. nodejs 설치.
   
   인터넷에 nodejs를 검색하여 나오는 사이트를 들어가면 바로 다운로드할 수 있는 창이 뜬다. 그리고 바로 눌러 설치하면 된다.

2.프로젝트 생성.
프로젝트를 생성할 폴더를 만들고, 그 안에다가 cmd창에

npx create-react-app .

코드를 작성한다.
-> 그 결과 원하는 폴더에 리액트 환경 설치가 끝나게 된다.

나는 study라는 폴더에 react-1이라는 프로젝트 명으로 리액트를 실행시키려 한다. vs코드에서 react-1의 폴더를 이미 선택한 상태에서, cmd로 위의 코드를 작성했다.
만약, 프로젝트를 만들 폴더 생성 전이라면

npx create-react-app 프로젝트이름
npx create-react-app react-1

이런식으로도 실행 가능하다.

3. npm run start
   마지막으로 cmd 창에 위의 코드를 작성해주면,

로컬호스트 3000번의 브라우저가 자동으로 뜨게 된다. 이제, 리액트를 사용할 모든 준비가 끝났다!