[React] Create React App으로 SPA개발 시작하기

👀 create-react-app이란

 

리액트 SPA를 쉽고 빠르게 개발할 수 있도록 만들어진 툴체인이다.

 

하나의 명령어만으로 SPA개발에 최적촤된 리액트 개발을 시작할 수 있다.

초기 준비시간이 들지 않아 좋다.

 

리액트에서도 적극적으로 권고하고 있지만, 현업에서는 이렇게 세팅해주는대로 가져가기보다는

필요한거만 솎아내서 사용하는 경우가 많다.

---

💡 create-react-app으로 시작하기

프로젝트 폴더가 생길 상위폴더에서...

npx create-react-app@latest 폴더이름(프로젝트이름)

"Happy hacking!"이라는 문구가 뜨면 이제 준비끝이다. 

npm run start

하면 리액트 로고가 박힌 라이브서버가 열리면서 프로젝트를 확인하면서 개발할 수 있다.

---

📌 create-react-app을 하면...

 

여러가지 툴들이 함께 깔려서 편하지만, 지금 당장 내게 필요하지 않은 프로그램도 함께 설치가 될 수 있다.

 이런 프로그램들은 node_modules에서 파일을 삭제하고 기본 js파일에 해당 내용을 빼놓으면 프로젝트가 더 가볍게 돌아갈 수 있다.

 

리액트를 한참 배우고 있는 지금의 내입장에서 당장 필요하지 않은 모듈은 아래와 같았다.

manifest	안드로이드 앱 만들 때 필요
apple-touch-screen	애플 앱 만들 때 필요
webVital	구글애널리스틱스 관련 필요

아직 이 모듈의 사용법도 잘 모르지만, 이렇게 뭐가 뭐에 관련된 건지 안다면 관련 파일을 삭제하고 내용을 지울 수 있다.

 

---

🫣관련글

SPA란? 장점 단점 + React Router사용법