[React] 프로젝트 기초 구성하기

1. create-react-app(CRA)
   리액트로 웹을 개발할 때 사용하는 기초적인 모든설정이 되어있는 상태로 프로젝트를 생성해주는 도구이다.
   +node.js와 npm의 특정버젼 이상이 필요로한다.

구현코드는 아래와 같다.

npx create-react-app 프로젝트명

+여기서 npx는 npm을 좀 더 편하게 사용하기위해 npm에서 제공해준 도구이다.


나는 my-app 이라는 프로젝트 명으로 생성하였다.

앞으로 새로운 React 프로젝트가 필요한 경우 이런식으로 쉽게 프로젝트의 뼈대를 구성하고 시작하면 될 것 같다.

이렇게 프로젝트가 생성이 되었으면 이제 해당 프로젝트로 들어가서 npm을 시작해주면된다.
(나는 vsc의 터미널을 이용하였지만 cmd로 프로젝트까지 들어간 후 npm을 실행해도 된다.)

npm start

정상적으로 실행되면 Compiled successfully! 의 문구가 뜨면서 본인의 윈도우에서 설정한 기본 브라우저로 http://localhost:3000/ 의 url을 가지고 실행된다.