chore: env 기준 추가

.env.development

@@ -0,0 +1 @@
+NEXT_PUBLIC_TEST="테스트변수입니다. development"

.env.production

@@ -0,0 +1 @@
+NEXT_PUBLIC_TEST="테스트변수입니다. production"

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

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>
     </>
   )
 }