Angular 에서 environment 값 가져오기

Angular에서 environment 값은 src/environments 폴더의 environment.ts 파일에서 가져올 수 있습니다. 이 파일은 기본적으로 개발 환경에서 사용되며, environment.prod.ts 파일은 프로덕션 환경에서 사용됩니다.

environment.ts 파일에는 개발 환경에서 사용할 수 있는 모든 변수와 값이 포함되어 있습니다. 이 파일을 열어보면 다음과 같은 코드를 볼 수 있습니다.

export const environment = {
  production: false,
  apiUrl: 'http://localhost:3000/api'
};

위의 코드에서 production 변수는 false로 설정되어 있으므로 개발 환경을 나타냅니다. apiUrl 변수는 개발 환경에서 사용할 API의 URL을 나타냅니다.

이러한 변수를 가져오려면 environment.ts 파일을 import하면 됩니다.

import { environment } from '../environments/environment';

 

위의 코드에서 environment 객체는 environment.ts 파일에서 가져온 것입니다. 이제 environment 객체의 변수에 접근하여 값을 사용할 수 있습니다.

console.log(environment.production); // false
console.log(environment.apiUrl); // http://localhost:3000/api