expo 프로젝트의 .env.development 와 env.d.ts

.env.development와 env.d.ts는 완전히 다른 목적을 가진 파일입니다:

.env.development:

• 실제 환경 변수 값을 저장하는 파일입니다
• 런타임에 process.env를 통해 접근할 수 있는 실제 값들을 정의합니다
  예시

API_URL=http://localhost:8082
WS_URL=ws://localhost:8082

env.d.ts:

• TypeScript의 타입 정의 파일입니다
• 환경 변수들의 타입을 선언하여 TypeScript가 타입 체크를 할 수 있게 해줍니다
• 실제 값은 저장하지 않고, 타입 정보만 제공합니다
  예시:

declare namespace NodeJS {
  interface ProcessEnv {
    API_URL: string;
    WS_URL: string;
    NODE_ENV: 'development' | 'production';
  }
}

정리

• .env.development 파일에는 실제 환경 변수 값들을 저장하고
• env.d.ts 파일에는 TypeScript가 환경 변수들의 타입을 인식할 수 있도록 타입 정의를 제공합니다

// TypeScript가 타입 체크를 할 수 있습니다
const apiUrl: string = process.env.API_URL;  // OK
const port: number = process.env.API_URL;    // Error: Type 'string' is not assignable to type 'number'