fix: update title of page and upgrade dependencies (#9)

* chore(docker); change node version * fix: update head element: meta tags * chore: add `@emotion/css` dependency * feat: add copyright text * chore: upgrade dependencies * chore: update tsconfig.json
SkyLightQP · Mar 1, 2024 · 37c666a · 37c666a
1 parent 4d60e1c
commit 37c666a
Show file tree

Hide file tree

Showing 7 changed files with 416 additions and 335 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -1,22 +1,23 @@
-FROM node:18 as builder
+FROM node:20-alpine AS base
+
+FROM base AS builder
 
 COPY / /workspace
 WORKDIR /workspace
 
-ENV TZ Asia/Seoul
-EXPOSE 3000
-
 ARG NEXT_PUBLIC_SUPABASE_URL
 ARG NEXT_PUBLIC_SUPABASE_ANON_KEY
 
 RUN yarn && yarn build
 
 USER node
 
-FROM node:18 as runner
+FROM base AS runner
 
 COPY --chown=node:node --from=builder /workspace/ ./
 
 ENV NODE_ENV production
+ENV TZ Asia/Seoul
+EXPOSE 3000
 
 CMD ["yarn", "start"]
diff --git a/package.json b/package.json
@@ -12,18 +12,19 @@
   "license": "MIT",
   "dependencies": {
     "@chakra-ui/react": "^2.2.1",
+    "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.1.1",
     "@emotion/styled": "^11.0.0",
     "@fortawesome/fontawesome-svg-core": "^6.3.0",
     "@fortawesome/free-brands-svg-icons": "^6.3.0",
     "@fortawesome/free-regular-svg-icons": "^6.3.0",
     "@fortawesome/free-solid-svg-icons": "^6.3.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@supabase/auth-helpers-nextjs": "^0.7.2",
-    "@supabase/auth-helpers-react": "^0.4.0",
-    "@supabase/supabase-js": "^2.26.0",
+    "@supabase/auth-helpers-nextjs": "^0.9.0",
+    "@supabase/auth-helpers-react": "^0.4.2",
+    "@supabase/supabase-js": "^2.39.7",
     "framer-motion": "^6.3.12",
-    "next": "^12.2.4",
+    "next": "^14.1.0",
     "react": "^18.2.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-dom": "^18.2.0",
@@ -32,10 +33,10 @@
     "react-markdown": "^8.0.5"
   },
   "devDependencies": {
-    "@types/node": "^18.0.3",
-    "@types/react": "^18.0.15",
+    "@types/node": "^20.11.24",
+    "@types/react": "^18.2.61",
     "@types/react-beautiful-dnd": "^13.1.2",
-    "@types/react-dom": "^18.0.6",
+    "@types/react-dom": "^18.2.19",
     "@typescript-eslint/eslint-plugin": "^5.30.6",
     "@typescript-eslint/parser": "^5.30.6",
     "eslint": "^8.19.0",
@@ -48,7 +49,7 @@
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "prettier": "^2.7.1",
-    "typescript": "4.3.2"
+    "typescript": "5.3.3"
   },
   "browserslist": {
     "production": [

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { css } from '@emotion/css';
 import ContentBlock from '../ContentBlock';
 
 const Footer: React.FC = () => {
@@ -17,6 +18,13 @@ const Footer: React.FC = () => {
         </a>{' '}
         에서 코드를 확인할 수 있습니다.
       </p>
+      <p
+        className={css(`
+        margin-top: 10px;
+      `)}
+      >
+        Copyright 2022-{new Date().getFullYear()}. Daegyeom Ha. All rights reserved.
+      </p>
     </ContentBlock>
   );
 };

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -24,7 +24,8 @@ const App = ({
   return (
     <>
       <Head>
-        <title>Daegyeom Ha | resume</title>
+        <title>하대겸 | Daegyeom Ha</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
       </Head>
       <Script
         src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2490453096003621"

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,15 +1,18 @@
 import React from 'react';
 import { Head, Html, Main, NextScript } from 'next/document';
+import Colors from '../styles/Colors';
 
 const Document = () => {
   return (
     <Html lang="ko">
       <Head>
         <meta charSet="utf-8" />
         <link rel="icon" href="favicon.ico" />
-
-        <meta name="theme-color" content="#f0f4f5" />
-        <meta name="description" content="Portfolio of Daegyeom Ha" />
+        <link rel="apple-touch-icon" href="favicon.ico" />
+        <meta name="author" content="하대겸" />
+        <meta name="keywords" content="Daegyeom Ha, 하대겸, Resume, Portfolio, 포트폴리오" />
+        <meta name="theme-color" content={Colors.PRIMARY} />
+        <meta name="description" content="Resume of Daegyeom Ha" />
       </Head>
       <body>
         <Main />

diff --git a/tsconfig.json b/tsconfig.json
@@ -2,11 +2,7 @@
   "compilerOptions": {
     "experimentalDecorators": true,
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -20,12 +16,9 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "preserve",
-    "emitDecoratorMetadata": true
+    "emitDecoratorMetadata": true,
+    "incremental": true
   },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src"],
+  "exclude": ["node_modules"]
 }