영차영차 개발 기록장 영차영차 개발 기록장

1. 프로젝트 최상위 경로(root)에 파일 생성 .env.development : npm start 시 사용 .env.production : npm run build 시 사용 2. 환경변수 설정 변수 명 = 값 으로 환경변수를 설정한다. 예) REACT_APP_API = IP:PORT * 변수 명은 REACT_APP_ 로 시작해야한다. * config 파일 수정 시 재빌드 해야한다.

# 들어가기전에 CRA를 사용하면 쉽고 간편하게 React 개발 환경 구축을 할 수 있지만, 자동으로 다수의 패키지들이 설치되고 Webpack 및 babel설정도 자동으로 셋업되서 숨겨지기 때문에 번들링 옵션을 변경 때 번거롭다. 또한, CRA만 사용하여 Webpack과 babel이 뭔지도 모르는 사람을 많이 봤다.... 이 포스팅을 보는 사람들은 그런 일이 없길 바라면서, React 초기 개발환경 셋업에 대한 포스팅을 하겠다. Let's start 🥳 # React 프로젝트 환경 구성 npm 설치 React는 Webpack과 Babel을 사용하는데 이것을 사용하기 위해 Node가 필요하다. 또한, 의존성관리를 npm을 사용하기 때문에 Node가 필요하다. 아래 명령어를 입력하여 npm을 설치한다. np..