4.2.x <- contribution

frontend/portal/package.json

@@ -7,7 +7,7 @@
     "npm": "6.14.7"
   },
   "scripts": {
-    "dev": "next dev",
+    "dev": "ts-node --transpile-only --project tsconfig.server.json server/index.ts",
     "dev:sm": "SITE_ID=3 npm run dev",
     "dev:lg": "SITE_ID=2 npm run dev",
     "dev:smWin": "set SITE_ID=3&&npm run dev",

frontend/portal/public/styles/lg/layout.css

@@ -1137,6 +1137,7 @@ footer div > span a {
   font-size: 32px;
   line-height: 32px;
   text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
+  background: rgba(0, 0, 0, 0.3);
   /* overflow: hidden;
   white-space: break-spaces;
   word-break: keep-all; */
@@ -1147,6 +1148,7 @@ footer div > span a {
   left: 6vw;
   color: rgba(255, 255, 255, 0.7);
   font-size: 1.7vw;
+  background: rgba(0, 0, 0, 0.3);
 }
 #main .slideBox a:before {
   content: '╋';
@@ -1185,7 +1187,7 @@ footer div > span a {
 
 #main .slide .reservBox {
   position: absolute;
-  top: 600px;
+  top: 650px;
   left: 0;
   z-index: 10;
   width: 100%;

frontend/portal/public/styles/sm/layout.css

@@ -1140,7 +1140,8 @@ footer div > span a {
   overflow: hidden;
 }
 #main .slide div.slide-title p {
-  height: 12vw;
+  /* height: 12vw; */
+  background: rgba(0, 0, 0, 0.3);
   color: #fff;
   font-size: 2.7vw;
   font-weight: 600;
@@ -1171,6 +1172,7 @@ footer div > span a {
   left: 6vw;
   color: rgba(255, 255, 255, 0.7);
   font-size: 1.7vw;
+  background: rgba(0, 0, 0, 0.3);
 }
 #main .slide a:before {
   content: '╋';

frontend/portal/server/index.ts

@@ -0,0 +1,30 @@
+import { loadEnvConfig } from '@next/env'
+import express, { Request, Response } from 'express'
+import next from 'next'
+loadEnvConfig('./', process.env.NODE_ENV !== 'production')
+
+const port = process.env.PORT || 3000
+const dev = process.env.NODE_ENV !== 'production'
+const app = next({ dev })
+const handle = app.getRequestHandler()
+
+const startServer = async () => {
+  try {
+    await app.prepare()
+    const server = express()
+
+    server.all('*', (req: Request, res: Response) => {
+      return handle(req, res)
+    })
+
+    server.listen(port, (err?: any) => {
+      if (err) throw err
+      console.log(`> Ready on localhost:${port} - env ${process.env.NODE_ENV}`)
+    })
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+}
+
+startServer()

frontend/portal/src/pages/board/[skin]/[board]/edit/[id].tsx

@@ -146,14 +146,17 @@ const BoardEdit = (props: BoardEditProps) => {
                       data = produce(data, draft => {
                         draft.attachmentCode = result
                       })
+                      save(data)
                     }
                   }
                 })
+            }else{
+              save(data)
             }
           })
+      }else{
+        save(data)
       }
-
-      save(data)
     }
   }, [postData, attachList])
 

frontend/portal/tsconfig.server.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json", // 기본설정을 포함한다
+  "compilerOptions": {
+    "module": "commonjs", // commonJs 사용하도록 override
+    "outDir": "dist", // 빌드 파일 경로 (production mode)
+    "noEmit": false // 서버에 대한 결과 파일을 내보내지 않음 (production mode)
+  },
+  "include": ["server"] // server/ 디렉토리 아래에 있는 파일만 컴파일 (production mode)
+}