dotenv 썸네일형 리스트형 React에서 환경 변수 관리하기 프론트엔드 환경 변수는 "빌드 시점에 코드에 주입되는 값"이라는 점을 이해하는 것이 핵심입니다. 클라이언트 번들에 포함되는 변수는 결국 사용자에게 공개되므로, 절대 비밀 값을 넣지 않습니다. 아래에서는 React 애플리케이션에서 널리 쓰이는 도구별 환경 변수 관리 방법과 실무 팁을 정리합니다.1. 빌드 타임 vs 런타임 개념 이해대부분의 React 빌드 도구는 소스 코드에 있는 참조를 빌드 타임에 문자열로 대체합니다. 예를 들어 Vite의 import.meta.env, CRA의 process.env.REACT_APP_*, Next.js의 process.env.NEXT_PUBLIC_* 등이 빌드 시점에 번들에 인라인됩니다. 따라서 .env를 바꿨다면 개발 서버 재시작이나 다시 빌드가 필요합니다. 런타임에 .. 더보기 이전 1 다음