From 69e1077c2ce7b965fbadcd9660d8c1b84bf08611 Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Fri, 2 Aug 2024 11:34:22 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20env=20=EA=B8=B0=EC=A4=80=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development           |  1 +
 .env.production            |  1 +
 next.config.mjs            | 16 ++++++++--------
 src/app/changelog/page.jsx | 16 ++++++++--------
 4 files changed, 18 insertions(+), 16 deletions(-)
 create mode 100644 .env.development
 create mode 100644 .env.production

diff --git a/.env.development b/.env.development
new file mode 100644
index 00000000..87e51c2b
--- /dev/null
+++ b/.env.development
@@ -0,0 +1 @@
+NEXT_PUBLIC_TEST="테스트변수입니다. development"
\ No newline at end of file
diff --git a/.env.production b/.env.production
new file mode 100644
index 00000000..e810ba94
--- /dev/null
+++ b/.env.production
@@ -0,0 +1 @@
+NEXT_PUBLIC_TEST="테스트변수입니다. production"
\ No newline at end of file
diff --git a/next.config.mjs b/next.config.mjs
index 8cc4c040..15466bd2 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,15 +1,15 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  reactStrictMode: false,
+  reactStrictMode: true,
   webpack: (config) => {
     config.externals.push({
-      "utf-8-validate": "commonjs utf-8-validate",
-      bufferutil: "commonjs bufferutil",
-      canvas: "commonjs canvas",
-    });
+      'utf-8-validate': 'commonjs utf-8-validate',
+      bufferutil: 'commonjs bufferutil',
+      canvas: 'commonjs canvas',
+    })
     // config.infrastructureLogging = { debug: /PackFileCache/ };
-    return config;
+    return config
   },
-};
+}
 
-export default nextConfig;
+export default nextConfig
diff --git a/src/app/changelog/page.jsx b/src/app/changelog/page.jsx
index 821254ec..1b45590f 100644
--- a/src/app/changelog/page.jsx
+++ b/src/app/changelog/page.jsx
@@ -1,16 +1,12 @@
 'use client'
 
+import { Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from '@nextui-org/react'
 import Hero from '@/components/Hero'
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableColumn,
-  TableHeader,
-  TableRow,
-} from '@nextui-org/react'
+import QSelect from '@/components/ui/QSelect'
+import styles from './changelog.module.css'
 
 export default function changelogPage() {
+  const testVar = process.env.NEXT_PUBLIC_TEST
   return (
     <>
       <Hero title="Change log" />
@@ -35,6 +31,10 @@ export default function changelogPage() {
           </TableBody>
         </Table>
       </div>
+      <div className="px-2 py-4">
+        <QSelect />
+      </div>
+      <div className="w-full bg-orange-300 py-4">{testVar}</div>
     </>
   )
 }