\n \ubcf8 \ube14\ub85c\uadf8 \ud3ec\uc2a4\ud2b8\uc5d0\uc11c\ub294 Nest.js\uc640 Next.js\uc5d0\uc11c Middleware\uc640 Guard\uc758 \uac1c\ub150\uacfc \uadf8 \uc0ac\uc6a9 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4. \ud2b9\ud788, \uac01 \ud398\uc774\uc9c0\ubcc4 \uc811\uadfc \uad8c\ud55c\uc744 \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574\uc11c\ub3c4 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc774 \ud3ec\uc2a4\ud2b8\ub97c \ud1b5\ud574 \uc5ec\ub7ec\ubd84\uc740 Nest.js\uc640 Next.js \ud658\uacbd\uc5d0\uc11c \uad8c\ud55c\uc744 \uad00\ub9ac\ud558\uace0, \uc0ac\uc6a9\uc790 \uc778\uc99d \ubc0f \uc778\uac00\ub97c \ud6a8\uacfc\uc801\uc73c\ub85c \uad6c\ud604\ud560 \uc218 \uc788\ub294 \ubc29\ubc95\uc744 \uc775\ud788\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4.\n<\/p>\n
\n Nest.js\ub294 Express.js \uae30\ubc18\uc758 \ud6cc\ub96d\ud55c Node.js \ud504\ub808\uc784\uc6cc\ud06c\ub85c, Middleware\ub294 \uc694\uccad-\uc751\ub2f5 \uc0ac\uc774\ud074\uc5d0\uc11c \uc694\uccad\uc744 \ucc98\ub9ac\ud558\ub294 \uc911\uac04 \ub2e8\uacc4\uc758 \ub85c\uc9c1\uc744 \uad6c\uc131\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. Middleware\ub294 \uc694\uccad\uc744 \uac00\ub85c\ucc44\uc5b4 \ucc98\ub9ac\ud558\uac70\ub098, \uc694\uccad \uac1d\uccb4\ub97c \ubcc0\ud615\ud558\uac70\ub098, \ub2e4\uc74c Middleware\ub85c \uc694\uccad\uc744 \uc804\ub2ec\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n<\/p>\n
\n Nest.js\uc5d0\uc11c\ub294 Middleware\ub97c \ud074\ub798\uc2a4\ub85c \uad6c\ud604\ud558\uace0, \uc774\ub97c \ubaa8\ub4c8\uc5d0\uc11c \ub4f1\ub85d\ud558\uc5ec \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\ub294 \uac04\ub2e8\ud55c \ub85c\uadf8\uc778 \ud655\uc778 Middleware\uc758 \uc608\uc2dc\uc785\ub2c8\ub2e4.\n<\/p>\n
\nimport { Injectable, NestMiddleware } from '@nestjs\/common';\nimport { Request, Response, NextFunction } from 'express';\n\n@Injectable()\nexport class AuthMiddleware implements NestMiddleware {\n use(req: Request, res: Response, next: NextFunction) {\n const token = req.headers.authorization;\n if (token) {\n \/\/ \uc778\uc99d \ub85c\uc9c1 (\uc608: \ub514\ucf54\ub529 JWT)\n next();\n } else {\n res.status(403).send('Unauthorized');\n }\n }\n}\n<\/code><\/pre>\n\n \uc704\uc758 \ucf54\ub4dc\uc5d0\uc11c `AuthMiddleware`\ub294 \uc694\uccad\uc5d0 \ud3ec\ud568\ub41c \ud1a0\ud070\uc744 \ud655\uc778\ud558\uace0, \uc778\uc99d\uc774 \uc774\ub8e8\uc5b4\uc9c0\uc9c0 \uc54a\uc740 \uacbd\uc6b0 403 \uc0c1\ud0dc \ucf54\ub4dc\ub97c \ubc18\ud658\ud569\ub2c8\ub2e4.\n<\/p>\n
1.3 Middleware \ub4f1\ub85d\ud558\uae30<\/h3>\n
\n Middleware\ub294 \ubaa8\ub4c8\uc5d0\uc11c \ub4f1\ub85d\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\ub294 \uc804\uccb4 \ubaa8\ub4c8\uc5d0 Middleware\ub97c \ub4f1\ub85d\ud558\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4.\n<\/p>\n
\nimport { Module, MiddlewareConsumer, NestModule } from '@nestjs\/common';\nimport { AuthMiddleware } from '.\/auth.middleware';\n\n@Module({\n \/\/ ...\n})\nexport class AppModule implements NestModule {\n configure(consumer: MiddlewareConsumer) {\n consumer\n .apply(AuthMiddleware)\n .forRoutes('*'); \/\/ \ubaa8\ub4e0 \uacbd\ub85c\uc5d0 Middleware \uc801\uc6a9\n }\n}\n<\/code><\/pre>\n2. Nest.js\uc5d0\uc11c Guard \uc0ac\uc6a9\ud558\uae30<\/h2>\n
\n Guard\ub294 \uc694\uccad \ucc98\ub9ac \uc804\uc5d0 \ud2b9\uc815 \uc870\uac74(\uc608: \uad8c\ud55c)\uc744 \ud655\uc778\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. Guards\ub294 \ub2e4\uc74c \ub450 \uac00\uc9c0 \uc8fc\uc694 \ubaa9\uc801\uc73c\ub85c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.\n<\/p>\n
\n- \ud2b9\uc815 \uacbd\ub85c \ub610\ub294 \ud578\ub4e4\ub7ec\uc5d0 \ub300\ud55c \uc811\uadfc \uad8c\ud55c \ud655\uc778<\/li>\n
- \uc5b4\ub5a0\ud55c \uc694\uccad\uc744 \ucc98\ub9ac\ud560 \uc218 \uc788\ub294\uc9c0\uc5d0 \ub300\ud55c \uc870\uac74\uc744 \uc124\uc815<\/li>\n<\/ul>\n
2.1 Guard\uc758 \uc815\uc758 \ubc0f \uc0ac\uc6a9 \ubc29\ubc95<\/h3>\n
\n Nest.js\uc758 Guards\ub294 \uc8fc\ub85c `CanActivate` \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud558\uc5ec \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc544\ub798\ub294 \uc0ac\uc6a9\uc790\uc758 \uc5ed\ud560 \uae30\ubc18\uc73c\ub85c \uc811\uadfc\uc744 \uc81c\uc5b4\ud558\ub294 Guard\uc758 \uc608\uc2dc\uc785\ub2c8\ub2e4.\n<\/p>\n
\nimport { Injectable, CanActivate, ExecutionContext } from '@nestjs\/common';\n\n@Injectable()\nexport class RolesGuard implements CanActivate {\n canActivate(context: ExecutionContext): boolean {\n const request = context.switchToHttp().getRequest();\n const user = request.user; \/\/ \uc774\uc804\uc5d0 middleware\uc5d0\uc11c \uc0ac\uc6a9\uc790 \uc815\ubcf4 \uc124\uc815\n const hasRole = () => user.roles.indexOf('admin') > -1;\n return user && user.roles && hasRole();\n }\n}\n<\/code><\/pre>\n2.2 Guard \ub4f1\ub85d \ubc0f \uc0ac\uc6a9\ud558\uae30<\/h3>\n
\n Guard\ub294 \ucee8\ud2b8\ub864\ub7ec\uc758 \ud578\ub4e4\ub7ec \ub610\ub294 \ubaa8\ub4c8\uc5d0 \ub354\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\uc758 \ucf54\ub4dc\ub294 \ud2b9\uc815 \ucee8\ud2b8\ub864\ub7ec\uc5d0 Guard\ub97c \ub4f1\ub85d\ud558\ub294 \uc608\uc2dc\uc785\ub2c8\ub2e4.\n<\/p>\n
\nimport { Controller, Get, UseGuards } from '@nestjs\/common';\nimport { RolesGuard } from '.\/roles.guard';\n\n@Controller('admin')\nexport class AdminController {\n @Get()\n @UseGuards(RolesGuard)\n getAdminData() {\n return 'Admin Data';\n }\n}\n<\/code><\/pre>\n3. Next.js\uc5d0\uc11c Middleware \uc774\ud574\ud558\uae30<\/h2>\n
\n Next.js\uc5d0\uc11c Middleware\ub294 \uc694\uccad\uc774 \ub4e4\uc5b4\uc624\ub294 \ub2e8\uacc4\uc5d0\uc11c \uc120\ucc98\ub9ac\ud558\uac70\ub098 \ud2b9\uc815 \uc870\uac74\uc5d0 \ub530\ub77c \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc751\ub2f5\ud560 \uc218 \uc788\ub294 \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. Next.js\ub294 API Routes\uc640 \ud398\uc774\uc9c0\uc5d0 Middleware\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n
3.1 Next.js Middleware\uc758 \uc6a9\ub3c4<\/h3>\n\n- \uc0ac\uc6a9\uc790 \uc778\uc99d<\/li>\n
- 404 \ucc98\ub9ac<\/li>\n
- API \ud638\ucd9c \uac04\uc18c\ud654<\/li>\n<\/ul>\n
3.2 Next.js\uc5d0\uc11c Middleware \ud65c\uc131\ud654\ud558\uae30<\/h3>\n
\n Next.js 12 \ubc84\uc804\ubd80\ud130 \uc81c\uacf5\ub418\ub294 Middleware\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac01 \ub77c\uc6b0\ud2b8\uc5d0 \uc811\uadfc\ud558\uae30 \uc804\uc5d0 \uc0ac\uc6a9\uc790 \uc778\uc99d\uc744 \ud655\uc778\ud558\ub294 \uc608\uc2dc\uc785\ub2c8\ub2e4. Middleware\ub294 `middleware.ts` \ud30c\uc77c\uc5d0\uc11c \uc815\uc758\ud569\ub2c8\ub2e4.\n<\/p>\n
\n\/\/ middleware.ts\nimport { NextResponse } from 'next\/server';\n\nexport function middleware(request) {\n const token = request.cookies.get('token');\n if (!token) {\n return NextResponse.redirect(new URL('\/login', request.url));\n }\n return NextResponse.next();\n}\n<\/code><\/pre>\n4. Next.js\uc5d0\uc11c Guard \uc0ac\uc6a9\ud558\uae30<\/h2>\n
\n Next.js\uc5d0\uc11c\ub294 Guard\ub97c \uba85\uc2dc\uc801\uc73c\ub85c \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc740 \uc5c6\uc9c0\ub9cc, \uac01 \ud398\uc774\uc9c0\uc5d0\uc11c \uc9c1\uc811 \uc0ac\uc6a9\uc790 \uc778\uc99d\uc744 \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc11c\ubc84 \uc0ac\uc774\ub4dc \ub80c\ub354\ub9c1(SSR)\uc5d0\uc11c \ud398\uc774\uc9c0 \uc811\uadfc \uc81c\uc5b4\ub97c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n<\/p>\n
4.1 \uc11c\ubc84 \uc0ac\uc774\ub4dc\uc5d0\uc11c \uc811\uadfc \uad8c\ud55c \uac80\uc99d\ud558\uae30<\/h3>\n
\n \uc544\ub798\ub294 Next.js\uc758 `getServerSideProps`\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc0ac\uc6a9\uc790\uc758 \uc778\uc99d \uc0c1\ud0dc\ub97c \ud655\uc778\ud558\ub294 \uc608\uc2dc\uc785\ub2c8\ub2e4.\n<\/p>\n
\nexport async function getServerSideProps(context) {\n const { req } = context;\n const token = req.cookies.token;\n \n if (!token) {\n return {\n redirect: {\n destination: '\/login',\n permanent: false,\n },\n };\n }\n\n \/\/ \uc0ac\uc6a9\uc790 \ub370\uc774\ud130 fetch \ub4f1\uc758 \ub85c\uc9c1\n return {\n props: {}, \/\/ \uc131\uacf5\uc801\uc73c\ub85c \uc778\uc99d\ub41c \uacbd\uc6b0 \ud398\uc774\uc9c0\uc5d0 \uc804\ub2ec\ud560 \ub370\uc774\ud130\n };\n}\n<\/code><\/pre>\n5. \uacb0\ub860<\/h2>\n
\n Nest.js\uc640 Next.js\uc5d0\uc11c Middleware\uc640 Guard\ub97c \ud65c\uc6a9\ud568\uc73c\ub85c\uc368 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ubcf4\uc548 \ubc0f \uc720\uc5f0\uc131\uc744 \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac01\uac01\uc758 \uae30\uc220 \uc2a4\ud0dd\uc5d0\uc11c\uc758 \uc5ed\ud560\uacfc \uc0ac\uc6a9\ubc95\uc744 \uae4a\uc774 \uc788\uac8c \uc774\ud574\ud558\uace0 \uc788\uc73c\uba74, \ubcf5\uc7a1\ud55c \uc778\uc99d \ub85c\uc9c1\uacfc \uc811\uadfc \uad8c\ud55c \uad00\ub9ac\ub97c \ubcf4\ub2e4 \ud6a8\uacfc\uc801\uc73c\ub85c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ud3ec\uc2a4\ud2b8\uc5d0\uc11c \ub2e4\ub8ec \ub0b4\uc6a9\uc744 \ubc14\ud0d5\uc73c\ub85c \uc5ec\ub7ec\ubd84\uc758 \ud504\ub85c\uc81d\ud2b8\uc5d0\ub3c4 \uc801\uc808\ud55c Middleware\uc640 Guard\ub97c \uc801\uc6a9\ud558\uc5ec \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\uc2dc\uae38 \ubc14\ub78d\ub2c8\ub2e4.\n<\/p>\n
<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"