refactor: client_id 설정 시 vite의 환경 변수를 사용하도록 수정

Nexters · Feb 3, 2024 · e21de1c · e21de1c
1 parent 90c1bf9
commit e21de1c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/api/src/mutations/useKakaoToken.ts b/packages/api/src/mutations/useKakaoToken.ts
@@ -1,6 +1,5 @@
 import { useMutation } from '@tanstack/react-query';
 import ky from 'ky';
-import { KAKAO_REST_API_KEY } from '../secrets';
 
 interface PostKakaoTokenRequest {
   code: string;
@@ -20,7 +19,7 @@ const postKakaoToken = ({ code }: PostKakaoTokenRequest) => {
   const body = new URLSearchParams();
 
   body.set('grant_type', 'authorization_code');
-  body.set('client_id', KAKAO_REST_API_KEY);
+  body.set('client_id', import.meta.env.VITE_KAKAO_REST_API_KEY ?? '');
   body.set('redirect_uri', `${window.location.origin}/oauth/kakao`);
   body.set('code', code);
 

diff --git a/packages/api/src/vite-env.d.ts b/packages/api/src/vite-env.d.ts
@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_KAKAO_REST_API_KEY: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}