JavaScript \uc0dd\ud0dc\uacc4\uc5d0\uc11c Next.js\uc640 Nest.js\ub294 \uac01\uac01 \ud504\ub860\ud2b8\uc5d4\ub4dc\uc640 \ubc31\uc5d4\ub4dc \uac1c\ubc1c\uc5d0 \ud601\uc2e0\uc801\uc778 \uc811\uadfc \ubc29\uc2dd\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. Next.js\ub294 React \uae30\ubc18\uc758 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \uc11c\ubc84 \uc0ac\uc774\ub4dc \ub80c\ub354\ub9c1(SSR)\uacfc \uc815\uc801 \uc6f9 \uc0ac\uc774\ud2b8 \uc0dd\uc131\uc744 \uac04\ud3b8\ud558\uac8c \ucc98\ub9ac\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4. \ubc18\uba74, Nest.js\ub294 Node.js\uc758 \uae30\ubc18 \uc704\uc5d0 \uad6c\ucd95\ub41c \ud504\ub85c\uadf8\ub808\uc2dc\ube0c\ud55c \ubc31\uc5d4\ub4dc \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \ubaa8\ub4c8\ud654\uc640 \ud074\ub798\uc2a4 \uae30\ubc18\uc758 \uc544\ud0a4\ud14d\ucc98\ub97c \uac15\uc870\ud569\ub2c8\ub2e4. \ubcf8 \uac15\uc88c\uc5d0\uc11c\ub294 Next.js\uc640 Nest.js\uc758 \uae30\ubcf8 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870\ub97c \ub9cc\ub4dc\ub294 \ubc29\ubc95\uacfc \uac01\uac01\uc758 \ud398\uc774\uc9c0 \ubc0f \ubaa8\ub4c8 \uad6c\uc131\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
Next.js \ud504\ub85c\uc81d\ud2b8\ub294 \uc77c\ubc18\uc801\uc73c\ub85c \ub2e4\uc74c\uacfc \uac19\uc740 \uad6c\uc870\ub97c \uac00\uc9d1\ub2c8\ub2e4:<\/p>\n
\n my-next-app\/\n \u251c\u2500\u2500 public\/\n \u251c\u2500\u2500 pages\/\n \u251c\u2500\u2500 components\/\n \u251c\u2500\u2500 styles\/\n \u251c\u2500\u2500 package.json\n \u2514\u2500\u2500 next.config.js\n <\/pre>\n\uc5ec\uae30\uc11c \uac01 \ub514\ub809\ud1a0\ub9ac\uc640 \ud30c\uc77c\uc758 \uc5ed\ud560\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n
pages\/index.js<\/code>\ub294 \ub8e8\ud2b8 \ud398\uc774\uc9c0(\/)\ub97c \ub098\ud0c0\ub0c5\ub2c8\ub2e4.<\/li>\n- components\/:<\/strong> \uc5ec\ub7ec \ud398\uc774\uc9c0\uc5d0\uc11c \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 React \ucef4\ud3ec\ub10c\ud2b8\ub4e4\uc744 \uc800\uc7a5\ud558\ub294 \ub514\ub809\ud1a0\ub9ac\uc785\ub2c8\ub2e4.<\/li>\n
- styles\/:<\/strong> CSS \ud30c\uc77c\uc774\ub098 \uc2a4\ud0c0\uc77c \uad00\ub828 \ubaa8\ub4c8\uc744 \uc5ec\uae30\uc5d0 \ubcf4\uad00\ud569\ub2c8\ub2e4. Next.js\ub294 CSS\uc640 Sass\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>\n
- package.json:<\/strong> \ud504\ub85c\uc81d\ud2b8\uc758 \uba54\ud0c0\ub370\uc774\ud130\uc640 \uc758\uc874\uc131\uc744 \uc815\uc758\ud569\ub2c8\ub2e4.<\/li>\n
- next.config.js:<\/strong> Next.js\uc758 \ub2e4\uc591\ud55c \uc124\uc815\uc744 \uad6c\uc131\ud560 \uc218 \uc788\ub294 \ud30c\uc77c\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n
2. Nest.js \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870 \uc774\ud574\ud558\uae30<\/h2>\n
Nest.js \ud504\ub85c\uc81d\ud2b8\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uad6c\uc870\ub97c \uac00\uc9d1\ub2c8\ub2e4:<\/p>\n
\n my-nest-app\/\n \u251c\u2500\u2500 src\/\n \u2502 \u251c\u2500\u2500 app.module.ts\n \u2502 \u251c\u2500\u2500 main.ts\n \u2502 \u2514\u2500\u2500 \/\n \u2502 \u251c\u2500\u2500 .module.ts\n \u2502 \u251c\u2500\u2500 .controller.ts\n \u2502 \u2514\u2500\u2500 .service.ts\n \u251c\u2500\u2500 test\/\n \u251c\u2500\u2500 package.json\n \u2514\u2500\u2500 tsconfig.json\n <\/my-module><\/my-module><\/my-module><\/my-module><\/pre>\n\uac01 \ub514\ub809\ud1a0\ub9ac\uc640 \ud30c\uc77c\uc758 \uc5ed\ud560\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n
\n- src\/:<\/strong> \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ubaa8\ub4e0 \uc18c\uc2a4 \ucf54\ub4dc\ub97c \ud3ec\ud568\ud569\ub2c8\ub2e4. Nest.js\uc758 \ud575\uc2ec \ub85c\uc9c1\uc774 \uc5ec\uae30\uc5d0 \uc704\uce58\ud569\ub2c8\ub2e4.<\/li>\n
- app.module.ts:<\/strong> \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ub8e8\ud2b8 \ubaa8\ub4c8\uc785\ub2c8\ub2e4. \ubaa8\ub4e0 \ubaa8\ub4c8\uc744 \uc870\ud569\ud558\ub294 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.<\/li>\n
- main.ts:<\/strong> \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc9c4\uc785\uc810\uc73c\ub85c, Nest.js \uc11c\ubc84\ub97c \uc2dc\uc791\ud558\ub294 \ud30c\uc77c\uc785\ub2c8\ub2e4.<\/li>\n
\/: <\/my-module><\/strong> \ud2b9\uc815 \ubaa8\ub4c8\uc744 \uc704\ud55c \ub514\ub809\ud1a0\ub9ac\uc785\ub2c8\ub2e4. \uac01 \ubaa8\ub4c8\uc740 controller, service \ubc0f \ub2e4\ub978 \uad00\ub828 \ud30c\uc77c\ub4e4\uc744 \ud3ec\ud568\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n- test\/:<\/strong> \ud14c\uc2a4\ud2b8 \uad00\ub828 \ud30c\uc77c\uc744 \uc800\uc7a5\ud558\ub294 \ub514\ub809\ud1a0\ub9ac\uc785\ub2c8\ub2e4.<\/li>\n
- package.json:<\/strong> \ud504\ub85c\uc81d\ud2b8\uc758 \uba54\ud0c0\ub370\uc774\ud130\uc640 \uc758\uc874\uc131\uc744 \uc815\uc758\ud569\ub2c8\ub2e4.<\/li>\n
- tsconfig.json:<\/strong> TypeScript \ucef4\ud30c\uc77c\ub7ec \uc124\uc815 \ud30c\uc77c\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n
3. Next.js \ud504\ub85c\uc81d\ud2b8 \ub9cc\ub4e4\uae30<\/h2>\n
\uba3c\uc800 Next.js \ud504\ub85c\uc81d\ud2b8\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. \ud130\ubbf8\ub110\uc5d0\uc11c \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc138\uc694:<\/p>\n
npx create-next-app my-next-app<\/code><\/pre>\n\uc774 \uba85\ub839\uc5b4\ub294 Next.js\uc758 \ud15c\ud50c\ub9bf\uc744 \uae30\ubc18\uc73c\ub85c \uc0c8\ub85c\uc6b4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc0dd\uc131\ub41c my-next-app<\/code> \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud55c \ud6c4 \uc2e4\ud589\ud558\uba74 \uae30\ubcf8 Next.js \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\ncd my-next-app\nnpm run dev<\/code><\/pre>\n\ube0c\ub77c\uc6b0\uc800\ub97c \uc5f4\uace0 http:\/\/localhost:3000<\/code>\uc5d0 \uc811\uc18d\ud558\uba74 \uae30\ubcf8 \ud398\uc774\uc9c0\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n4. Nest.js \ud504\ub85c\uc81d\ud2b8 \ub9cc\ub4e4\uae30<\/h2>\n
Nest.js \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\uae30 \uc704\ud574 Nest CLI\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uba3c\uc800 Nest CLI\ub97c \uc124\uce58\ud569\ub2c8\ub2e4:<\/p>\n
npm i -g @nestjs\/cli<\/code><\/pre>\n\uc124\uce58\uac00 \uc644\ub8cc\ub418\uba74 \uc0c8\ub85c\uc6b4 Nest.js \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4:<\/p>\n
nest new my-nest-app<\/code><\/pre>\n\uc0dd\uc131\ub41c my-nest-app<\/code> \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud558\uc5ec \uc11c\ubc84\ub97c \uc2e4\ud589\ud569\ub2c8\ub2e4:<\/p>\ncd my-nest-app\nnpm run start<\/code><\/pre>\n\ube0c\ub77c\uc6b0\uc800\ub97c \uc5f4\uace0 http:\/\/localhost:3000<\/code>\uc5d0 \uc811\uc18d\ud558\uba74 \uae30\ubcf8 Nest.js \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n5. Next.js\uc758 \ud398\uc774\uc9c0 \uad6c\uc131\ud558\uae30<\/h2>\n
Next.js\uc5d0\uc11c \ud398\uc774\uc9c0\ub97c \uad6c\uc131\ud558\uae30 \uc704\ud574 pages\/<\/code> \ub514\ub809\ud1a0\ub9ac\uc5d0 \uc0c8\ub85c\uc6b4 JavaScript \ud30c\uc77c\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, pages\/about.js<\/code>\ub97c \uc0dd\uc131\ud558\uace0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \uc791\uc131\ud569\ub2c8\ub2e4:<\/p>\nimport React from 'react';\n\n const About = () => {\n return (\n \n About Us<\/h1>\n
\uc774\uacf3\uc740 \uc6b0\ub9ac\uc758 \uc18c\uac1c \ud398\uc774\uc9c0\uc785\ub2c8\ub2e4.<\/p>\n <\/div>\n );\n };\n\n export default About;<\/code><\/pre>\n
\uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c http:\/\/localhost:3000\/about<\/code>\ub97c \uc5f4\uba74 \ubc29\uae08 \uc791\uc131\ud55c \uc18c\uac1c \ud398\uc774\uc9c0\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Next.js\ub294 \ud30c\uc77c \uae30\ubc18 \ub77c\uc6b0\ud305\uc744 \uc9c0\uc6d0\ud558\uae30 \ub54c\ubb38\uc5d0, \ub2e4\ub978 \ud398\uc774\uc9c0\ub97c \ucd94\uac00\ud558\ub294 \uac83\ub3c4 \ub9e4\uc6b0 \uc26c\uc6b4 \uc791\uc5c5\uc785\ub2c8\ub2e4.<\/p>\n6. Nest.js\uc758 \ubaa8\ub4c8 \uad6c\uc131\ud558\uae30<\/h2>\n
Nest.js\uc5d0\uc11c\ub294 \ubaa8\ub4c8\uc744 \ud1b5\ud574 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\uc131\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, ‘users’ \ubaa8\ub4c8\uc744 \uc0dd\uc131\ud558\uace0 \uad6c\uc131\ud558\ub294 \ubc29\ubc95\uc744 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ud130\ubbf8\ub110\uc5d0\uc11c \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc5ec \ubaa8\ub4c8\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4:<\/p>\n
nest generate module users\nnest generate controller users\nnest generate service users<\/code><\/pre>\n\uc774 \uba85\ub839\uc5b4\ub294 src\/users\/<\/code> \ub514\ub809\ud1a0\ub9ac\ub97c \uc0dd\uc131\ud558\uace0, \uc0ac\uc6a9\uc790 \uad00\ub9ac\uc5d0 \ud544\uc694\ud55c \uc11c\ube44\uc2a4 \ubc0f \ucee8\ud2b8\ub864\ub7ec\ub97c \uc790\ub3d9\uc73c\ub85c \uc0dd\uc131\ud569\ub2c8\ub2e4. src\/users\/users.module.ts<\/code> \ud30c\uc77c\uc744 \ub2e4\uc74c\uacfc \uac19\uc774 \uc218\uc815\ud569\ub2c8\ub2e4:<\/p>\nimport { Module } from '@nestjs\/common';\n import { UsersController } from '.\/users.controller';\n import { UsersService } from '.\/users.service';\n\n @Module({\n controllers: [UsersController],\n providers: [UsersService],\n })\n export class UsersModule {}<\/code><\/pre>\n\uc774\uc81c src\/users\/users.controller.ts<\/code>\uc640 src\/users\/users.service.ts<\/code> \ud30c\uc77c\uc744 \uc218\uc815\ud558\uc5ec \ucee8\ud2b8\ub864\ub7ec\uc640 \uc11c\ube44\uc2a4\uc758 \ub85c\uc9c1\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\ub294 \uc0ac\uc6a9\uc790 \ubaa9\ub85d\uc744 \ubc18\ud658\ud558\ub294 \uac04\ub2e8\ud55c \uc11c\ube44\uc2a4\uc640 \ucee8\ud2b8\ub864\ub7ec\uc758 \uc608\uc785\ub2c8\ub2e4.<\/p>\nimport { Controller, Get } from '@nestjs\/common';\n import { UsersService } from '.\/users.service';\n\n @Controller('users')\n export class UsersController {\n constructor(private readonly usersService: UsersService) {}\n\n @Get()\n getAllUsers() {\n return this.usersService.findAll();\n }\n }\n <\/code><\/pre>\nimport { Injectable } from '@nestjs\/common';\n\n @Injectable()\n export class UsersService {\n private readonly users = ['Alice', 'Bob', 'Charlie'];\n\n findAll() {\n return this.users;\n }\n }\n <\/code><\/pre>\n\uc704\uc758 \ucf54\ub4dc\ub97c \ubc14\ud0d5\uc73c\ub85c Nest.js \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc0ac\uc6a9\uc790 \ubaa9\ub85d\uc744 \ubc18\ud658\ud558\ub294 API\ub97c \uad6c\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c http:\/\/localhost:3000\/users<\/code>\uc5d0 \uc811\uc18d\ud558\uba74 \uc0ac\uc6a9\uc790 \ubaa9\ub85d\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n7. Next.js\uc640 Nest.js\ub97c \ud568\uaed8 \uc0ac\uc6a9\ud558\uae30<\/h2>\n
Next.js\uc640 Nest.js\ub97c \ud568\uaed8 \uc0ac\uc6a9\ud558\uc5ec \ud480\uc2a4\ud0dd \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\ucd95\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uad6c\uc870\uc5d0\uc11c\ub294 Next.js\uac00 \ud504\ub860\ud2b8\uc5d4\ub4dc \ubd80\ubd84\uc744 \ub2f4\ub2f9\ud558\uace0, Nest.js\uac00 \ubc31\uc5d4\ub4dc API\ub97c \uc81c\uacf5\ud558\ub294 \uc5ed\ud560\uc744 \uc218\ud589\ud569\ub2c8\ub2e4. \ub2e4\uc74c \ub2e8\uacc4\uc5d0\uc11c\ub294 \ub450 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774 \uc11c\ub85c \ud1b5\uc2e0\ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uc815\ud569\ub2c8\ub2e4.<\/p>\n
7.1. Nest.js API \uc11c\ubc84 \uc124\uc815<\/h3>\n
\uba3c\uc800 Nest.js \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub2e4\uc74c\uacfc \uac19\uc774 \uc124\uc815\ud558\uc5ec CORS\ub97c \ud65c\uc131\ud654\ud569\ub2c8\ub2e4:<\/p>\n
import { NestFactory } from '@nestjs\/core';\n import { AppModule } from '.\/app.module';\n\n async function bootstrap() {\n const app = await NestFactory.create(AppModule);\n app.enableCors();\n await app.listen(3000);\n }\n bootstrap();<\/code><\/pre>\n7.2. Next.js\uc5d0\uc11c API \ud638\ucd9c\ud558\uae30<\/h3>\n
Next.js \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c Nest.js API\ub97c \ud638\ucd9c\ud558\ub824\uba74 \ub370\uc774\ud130 \ud328\uce6d\uc744 \uc704\ud574 axios<\/code>\uc640 \uac19\uc740 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. pages\/index.js<\/code> \ud30c\uc77c\uc744 \ub2e4\uc74c\uacfc \uac19\uc774 \uc218\uc815\ud569\ub2c8\ub2e4:<\/p>\nimport React, { useEffect, useState } from 'react';\n import axios from 'axios';\n\n const Home = () => {\n const [users, setUsers] = useState([]);\n\n useEffect(() => {\n const fetchUsers = async () => {\n const response = await axios.get('http:\/\/localhost:3000\/users');\n setUsers(response.data);\n };\n fetchUsers();\n }, []);\n\n return (\n \n \uc0ac\uc6a9\uc790 \ubaa9\ub85d<\/h1>\n \n {users.map(user => (\n - {user}<\/li>\n ))}\n <\/ul>\n <\/div>\n );\n };\n\n export default Home;<\/code><\/pre>\n
\uc774\uc81c Next.js \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ud648 \ud398\uc774\uc9c0\uc5d0\uc11c Nest.js API\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790 \ubaa9\ub85d\uc744 \uac00\uc838\uc624\ub294 \uae30\ub2a5\uc774 \ucd94\uac00\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n
8. \uacb0\ub860<\/h2>\n
Next.js\uc640 Nest.js\ub97c \ud568\uaed8 \uc0ac\uc6a9\ud558\uc5ec \ud480\uc2a4\ud0dd \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\ucd95\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uac01 \ud504\ub808\uc784\uc6cc\ud06c\uc758 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870\uc640 \uad6c\uc131 \ubc29\ubc95\uc744 \uc774\ud574\ud558\uace0, \ub450 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac04\uc758 \ub370\uc774\ud130 \ud1b5\uc2e0\uc744 \uc124\uc815\ud558\ub294 \uacfc\uc815\uc744 \ud1b5\ud574, \uc5ec\ub7ec\ubd84\uc740 \ud6a8\uc728\uc801\uc774\uace0 \uac15\ub825\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc774\ubc88 \uac15\uc88c\ub97c \ud1b5\ud574 Next.js\uc640 Nest.js\uc758 \uae30\ubcf8\uc801\uc778 \uc0ac\uc6a9\ubc95\ubfd0\ub9cc \uc544\ub2c8\ub77c, \uc2e4\uc81c\ub85c \ud504\ub85c\uc81d\ud2b8\ub97c \uc124\uc815\ud558\uace0 \ud398\uc774\uc9c0 \ubc0f \ubaa8\ub4c8\uc744 \uad6c\uc131\ud558\ub294 \ubc29\ubc95\uc744 \ubc30\uc6e0\uc2b5\ub2c8\ub2e4. \uc55e\uc73c\ub85c \uc774 \ub450 \uae30\uc220\uc744 \ubc14\ud0d5\uc73c\ub85c \ub354\uc6b1 \ubc1c\uc804\ub41c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4\uc5b4\ubcf4\uc2dc\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n
<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"