npm
- 컴퓨터에 폴더 생성
- VS Code에 불러온 후
npx create-react-app [프젝명]
2-1. 혹은,npm init react-app .: 현재 폴더에 프로젝트에 생성하겠다는 의미. npm start입력 시 개발 모드가 실행된다.Ctrl + C입력 시 개발 모드가 종료된다.
- public 폴더에서
index.html파일을 제외하고 모두 삭제해도 된다.
index.html파일에서도 아래와 같이 필요한 부분만 남겨두고 모두 삭제한다. lang="ko"로 변경하고,title태그도 원하는 이름으로 변경한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>dice game</title>
</head>
<body>
<div id="root"></div>
</body>
</html>- src 폴더에서 index.js 파일을 제외하고 모두 삭제한다.
index.js파일에서도 아래와 같이 필요한 부분만 남겨두고 모두 삭제한다.
index.html파일은 웹 브라우저에서 가장 먼저 실행되는 파일이다.index.js파일은index.html파일이 열리고 나서 실행되며, 리액트 코드들 중에서 가장 먼저 실행되는 파일이다.
yarn
- yarn 설치
npm install -g yarn
- ! 오류가 발생할 경우
sudo npm install -g yarn
yarn global add create-react-appcreate-react-app <프젝명>
- ! package.json 파일을 찾을 수 없다는 오류가 발생할 경우
yarn init
- 실행
yarn start
Prettier와 ESLint 설정하는 법
꾸준히 나아가는 프론트엔드 개발자