방법은 React 공식페이지에 나와있다.
나중에 쉽게 보기 위해 정리해본다.
공식 사이트 추천
Create React App에 대해 알아보고자 한다.
이를 활용하려면 Nodejs가 설치돼있어야 한다.
그리고 아래와 같이 "my-app"부분에 내가 원하는 이름을 수정하여 아래와 같이 입력하면 새로운 React App관련 작업을 할 수 있는 폴더가 생긴다.
npx create-react-app my-app만약 npm이나 Yarn이 설치돼있다면, 아래와 같은 명령어도 같은 역할을 수행한다.
npm init react-app my-app
yarn create react-app my-app그러면 아래와 같이 다양한 파일들이 자동으로 생성이 되는데, 여기서 필요한 내용들을 수정하여 작업을 시작하면 된다.
React Server 실행
이렇게 만든 위치에서,
cd my-app
npm start을 실행하면, 자동으로 localhost:3000에서 서버가 실행이 된다.
브라우저를 켜고 주소창에 localhost:3000을 입력하면 아래와 같은 화면이 나온다.
이제 원하는 파일들을 수정 및 삭제, 생성하여 작업을 하면 된다.
파이팅!
고재개발