티스토리 뷰
.env.development와 .env.production 파일을 구분하여 사용하는 것은 개발 환경과 프로덕션 환경에서 다른 설정을 적용하고 싶을 때 유용함.
.env 파일 설정
- .env.development: 개발 환경에서 사용될 환경 변수들을 정의. 개발 API 서버 주소나 로깅 레벨 등을 설정
- .env.production: 프로덕션 빌드에서 사용될 환경 변수를 정의. 운영 환경에 맞는 API 서버 주소, 트래킹 코드, 최적화 옵션 등을 설정
두 파일은 프로젝트의 루트 디렉토리에 위치해야함.
환경에 따라 파일 사용하기
create-react-app을 사용하는 경우, 환경에 따라 자동으로 .env 파일을 사용
- 개발 환경: npm start / yarn start를 사용하여 개발 서버를 시작, .env.development 파일에서 환경 변수를 불러옴.
- 프로덕션 빌드: npm run build / yarn build를 사용하여 프로덕션용 앱을 빌드, .env.production 파일이 사용됨.
주의사항
- 모든 환경에서 공통적으로 사용되는 환경 변수는 .env 파일에 작성. 이 파일은 모든 환경에서 기본적으로 로드되며, 특정 환경의 .env.development 또는 .env.production 파일에 의해 오버라이드 될 수 있음.
- 환경 변수의 이름은 REACT_APP_로 시작해야 함. 이 접두사가 없는 환경 변수는 React 앱에서 사용할 수 없음.
- 환경 변수 변경 후에는 서버를 재시작하거나 앱을 재빌드해야 변경사항이 적용됨.
이 방법을 통해 개발 환경과 프로덕션 환경을 위해 다른 설정을 쉽게 관리하고 사용할 수 있음. 이는 애플리케이션의 설정을 환경에 맞게 최적화하고, 보안을 유지하는 데 도움이 됨.
728x90
'헉!! > ETC' 카테고리의 다른 글
[React-Native] 특정 버전으로 init (0) | 2024.07.21 |
---|---|
[React-Native] 개발환경 구축 (0) | 2024.07.21 |
[React] Props (0) | 2024.07.21 |
[React] CSS (0) | 2024.07.21 |
[React] JSX (0) | 2024.07.21 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 자바스크립트
- Objective C
- Object C
- 아이폰 개발
- MySQL
- jQuery
- MAC OSX 10.7
- 아이폰 어플리케이션
- SQL
- 제이쿼리
- tomcat
- Programming
- 오블완
- JSP
- Objective-C
- 티스토리챌린지
- oracle
- Spring
- iPhone
- zero
- Spring Framework
- iOS 개발
- 오브젝트 C
- IT
- 오브젝티브 C
- 자바
- iBATIS
- JavaScript
- Java
- 아이폰
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함