210319 개발일지(102일차) - Create React App(새 React App 만들기)

방법은 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을 입력하면 아래와 같은 화면이 나온다.
이제 원하는 파일들을 수정 및 삭제, 생성하여 작업을 하면 된다.
파이팅!