QnAi로깅

React에서는 외부에서 변수명과 값을 설정하고 사용할 수 있도록, 환경 변수(Environment Variables)를 지원합니다.

환경 변수를 설정하려면, .env 파일을 프로젝트 루트 디렉토리에 생성하고, 다음과 같이 변수명과 값을 설정합니다.

makefileCopy code
REACT_APP_API_URL=https://api.example.com
REACT_APP_API_KEY=12345

.env 파일에서 설정한 변수는 process.env 객체를 통해 사용할 수 있습니다. 변수명은 REACT_APP_로 시작해야 합니다.

javascriptCopy code
const apiUrl = process.env.REACT_APP_API_URL;
const apiKey = process.env.REACT_APP_API_KEY;

create-react-app을 사용하여 React 프로젝트를 생성한 경우, .env 파일에 설정한 변수는 process.env 객체에 자동으로 추가됩니다.

환경 변수를 설정하는 방법은 다양합니다. .env 파일 외에도, 커맨드 라인 인자, 환경 변수, .env.local, .env.development.local, .env.test.local, .env.production.local 파일 등을 사용할 수 있습니다. 자세한 내용은 Create React App document를 참고하세요.