React에서. env 파일 설정 구글링하여 찾아봤는데 이해가 안 되는 부분도 있었고, 설정했는데 안 되는 부분도 있었다. 그래서 제대로 글을 작성했다. 설정하는 방법을 이미지로 쉽게 설명하고 순서대로 보여주면서 간단하게 설명하는 글을 작성했다.
1. 리액트에서 .gitignore 파일에서. env 작성한다.
2. 최상위 폴더에 .env 파일 생성한다.
3. 생성 후 .env 파일에서 "REACT_APP_이름=값" 작성한다. (필수: REACT_APP_ )
4. 이름에는 변수 이름을 작성하고 값에는 키를 작성한다.
- 이름(NAME)에는 명시적인 영어로 작성하고 대문자로 작성한다.
- 값(VALUE)에는 노출되면 안 되는 보안 키, API key 등 작성한다. 주의할 점 값에는 띄어쓰기가 안 된다.
- 예시) process.env.REACT_APP_이름=값
5. process.env.REACT_APP_이름
"process.env.REACT_APP_이름"으로 작성하여 활용할 수 있다. (예시: `${process.env.REACT_APP_NAME}`)
6. 만약에 안 되면 서버를 재시작합니다.
경험으로는 .env 파일은 서버를 재시작해야 반영이 됐다.
'개발 환경' 카테고리의 다른 글
| node 설치 기본 (1) | 2025.01.24 |
|---|
