chore: react-dotenv 설정 및 api_key 환경변수에 추가

UnhappyDogChew · Aug 26, 2023 · ed0b114 · ed0b114
1 parent 3818c2a
commit ed0b114
Show file tree

Hide file tree

Showing 5 changed files with 283 additions and 3 deletions.
diff --git a/.gitignore b/.gitignore
@@ -23,4 +23,5 @@ yarn-debug.log*
 yarn-error.log*
 
 # api
-api_key.json
+api_key.json
+.env
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,13 +10,14 @@
     "json-server": "^0.17.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-dotenv": "^0.1.3",
     "react-router-dom": "^6.15.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "start": "react-dotenv && react-scripts start",
+    "build": "react-dotenv && react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "serve-json": "json-server --watch db.json --port 5000"
@@ -38,5 +39,11 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "react-dotenv": {
+    "whitelist": [
+      "API_URL",
+      "API_TOKEN"
+    ]
   }
 }
diff --git a/public/env.js b/public/env.js
@@ -0,0 +1,4 @@
+window.env = {
+  "API_URL": "https://api.themoviedb.org/3",
+  "API_TOKEN": "eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI0Njc2YTI0YzVkNGUwZDJjMGFjZjEzYjVhMWQ0NGM1YyIsInN1YiI6IjY0ZTg5MGYzOTBlYTRiMDBjNzM5NmU2YSIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.Rl0CcJmSVYBYQULNSl606D5yM2Mlcz546lpleVVHlhY"
+};
diff --git a/public/index.html b/public/index.html
@@ -25,6 +25,7 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>React App</title>
+    <script id="react-dotenv" src="./env.js"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>