Nest.js\uc640 Next.js\ub294 \ud604\ub300\uc758 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0 \uc788\uc5b4 \uac15\ub825\ud55c \ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4. \uc774 \ub450 \ud504\ub808\uc784\uc6cc\ud06c\ub294 \uc27d\uac8c \uc2a4\ucf00\uc77c\ub9c1 \uac00\ub2a5\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uc544\ud0a4\ud14d\ucc98\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \ubcf8 \uac15\uc88c\uc5d0\uc11c\ub294 Nest.js\uc640 Next.js\uc5d0\uc11c \uac01\uac01 Middleware\uc640 Guard\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc778\uc99d \ubc0f \uad8c\ud55c \uc81c\uc5b4\ub97c \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
Middleware\ub294 \ub450 \uac1c\uc758 \ud568\uc218 \uac04\uc5d0 \uc2e4\ud589\ub418\ub294 \ucf54\ub4dc\ub85c, \uc8fc\ub85c \uc694\uccad(Request)\uacfc \uc751\ub2f5(Response) \uac1d\uccb4\uc5d0 \ub300\ud55c \ucc98\ub9ac\ub97c \uc218\ud589\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc694\uccad\uc744 \ub85c\uae45\ud558\uac70\ub098 \uc694\uccad\uc744 \uc218\uc815\ud558\uac70\ub098 \uc0ac\uc6a9\uc790\ub97c \uc778\uc99d\ud558\ub294 \ub370 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Nest.js\uc5d0\uc11c\ub294 \ubbf8\ub4e4\uc6e8\uc5b4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc694\uccad\uc744 \uac00\ub85c\ucc44\uace0 \uc5b4\ub5a4 \uc791\uc5c5\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
Nest.js\uc5d0\uc11c\ub294 \ubbf8\ub4e4\uc6e8\uc5b4\ub97c \ub9cc\ub4e4\uae30 \uc704\ud574 \uae30\ubcf8\uc801\uc73c\ub85c \uc704 \ucf54\ub4dc\uc5d0\uc11c Guard\ub294 \uc694\uccad\uc774 \ub77c\uc6b0\ud130 \ud578\ub4e4\ub7ec\uc5d0 \ub3c4\ub2ec\ud558\uae30 \uc804\uc5d0 \ud2b9\uc815 \uc870\uac74\uc744 \ud3c9\uac00\ud558\uc5ec \uc694\uccad\uc744 \ucc28\ub2e8\ud560 \uc218 \uc788\ub294 \uba54\ucee4\ub2c8\uc998\uc785\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc6a9\uc790\uac00 \ud2b9\uc815 \uc0ac\uc6a9\uc790 \uc5ed\ud560\uc774\ub098 \uad8c\ud55c\uc744 \uac00\uc9c0\uace0 \uc788\ub294\uc9c0 \uac80\uc99d\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n Guard\ub294 Next.js\ub294 \uc804\ud1b5\uc801\uc778 \ub77c\uc6b0\ud130 \ubc29\uc2dd\uc744 \uc0cc\ub4dc\uc704\uce58\ucc98\ub7fc \ub808\uc774\uc5b4\ub9c1\ud55c \ud615\ud0dc\uc758 \uc544\ud0a4\ud14d\ucc98\ub97c \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. Middleware\ub294 \uc694\uccad\uc774 \ud2b9\uc815 API \ub77c\uc6b0\ud305 \uacbd\ub85c\uc5d0 \ub3c4\ub2ec\ud558\uae30 \uc804\uc5d0 \uc0ac\uc6a9\ub418\ub294 \ud568\uc218\ub85c, \uc778\uc99d, \uad8c\ud55c \ub4f1 \ub2e4\uc591\ud55c \ub85c\uc9c1\uc744 \ucc98\ub9ac\ud558\ub294 \ub370 \uc0ac\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n Next.js\uc5d0\uc11c\ub294 Middleware\ub97c \uc804\uccb4 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774\ub098 \ud2b9\uc815 \uacbd\ub85c\uc5d0 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Next.js\uc5d0\uc11c\ub294 Guard\ub97c \uba85\uc2dc\uc801\uc73c\ub85c \uad6c\ud604\ud558\ub294 \uac83\uc774 \uc544\ub2c8\ub77c, \ub0b4\ubd80 \ucef4\ud3ec\ub10c\ud2b8\uc5d0\uc11c \uc870\uac74\ubd80 \ub80c\ub354\ub9c1\uc744 \ud1b5\ud574 \uc778\uc99d \ubc0f \uad8c\ud55c \uc81c\uc5b4\ub97c \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, API \uc694\uccad\uc744 \ud1b5\ud574 \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \uac00\uc838\uc624\uace0, \uc774\ub97c \uae30\ubc18\uc73c\ub85c \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc870\uac74\ubd80\ub85c \ub80c\ub354\ub9c1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n Access Denied<\/p>;\n }\n\n return Nest.js\uc640 Next.js \ubaa8\ub450\uc5d0\uc11c Middleware\uc640 Guard\ub97c \ud65c\uc6a9\ud558\uba74 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc778\uc99d \ubc0f \uad8c\ud55c \uc81c\uc5b4\ub97c \ud6a8\uc728\uc801\uc73c\ub85c \uad00\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Nest.js\uc5d0\uc11c\ub294 \ubbf8\ub4e4\uc6e8\uc5b4\uc640 \uac00\ub4dc\ub97c \ud074\ub798\uc2a4\ub85c \uc815\uc758\ud558\uace0 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, Next.js\uc5d0\uc11c\ub294 \ubbf8\ub4e4\uc6e8\uc5b4\ub97c \ud1b5\ud574 \uc694\uccad \ucc98\ub9ac\ub97c \uc6b0\uc120\uc801\uc73c\ub85c \uc218\ud589\ud558\uace0, \uc870\uac74\ubd80 \ub80c\ub354\ub9c1\uc774\ub098 Hook\uc744 \uc0ac\uc6a9\ud558\uc5ec \uad8c\ud55c \uc81c\uc5b4\ub97c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n \ub354 \ub9ce\uc740 \uc815\ubcf4\uc640 \uc608\uc81c\ub294 \uacf5\uc2dd \ubb38\uc11c\ub97c \ucc38\uace0\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\nMiddlewareConsumer<\/code>\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \ubbf8\ub4e4\uc6e8\uc5b4\ub294 \ud074\ub798\uc2a4 \uae30\ubc18\uc73c\ub85c \ub9cc\ub4e4 \uc218 \uc788\uc73c\uba70, @Injectable()<\/code> \ub370\ucf54\ub808\uc774\ud130\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc758\uc874\uc131\uc744 \uc8fc\uc785\ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\uc608\uc81c: \uc778\uc99d \ubbf8\ub4e4\uc6e8\uc5b4 \uad6c\ud604\ud558\uae30<\/h3>\n
import { 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\n if (token) {\n \/\/ \ud1a0\ud070 \uac80\uc99d \ub85c\uc9c1\n next();\n } else {\n res.status(403).send('Forbidden');\n }\n }\n}\n<\/code><\/pre>\nAuthMiddleware<\/code>\ub294 \uc0ac\uc6a9\uc790\uc758 \uc694\uccad\uc5d0\uc11c Authorization \ud5e4\ub354\ub97c \ud655\uc778\ud558\uace0, \ud1a0\ud070\uc774 \uc720\ud6a8\ud55c\uc9c0 \uac80\uc0ac\ud569\ub2c8\ub2e4. \uc720\ud6a8\ud55c \uacbd\uc6b0 next()<\/code>\ub97c \ud638\ucd9c\ud558\uc5ec \ub2e4\uc74c \ubbf8\ub4e4\uc6e8\uc5b4\ub85c \uc9c4\ud589\ud558\uace0, \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74 403 Forbidden \uc5d0\ub7ec\ub97c \ubc18\ud658\ud569\ub2c8\ub2e4.<\/p>\nMiddleware \ub4f1\ub85d\ud558\uae30<\/h3>\n
import { Module, MiddlewareConsumer } from '@nestjs\/common';\nimport { AuthMiddleware } from '.\/auth.middleware';\n\n@Module({\n \/\/ \ubaa8\ub4c8 \uc124\uc815\n})\nexport class AppModule {\n configure(consumer: MiddlewareConsumer) {\n consumer\n .apply(AuthMiddleware)\n .forRoutes('*'); \/\/ \ubaa8\ub4e0 \ub77c\uc6b0\ud2b8\uc5d0 \uc801\uc6a9\n }\n}\n<\/code><\/pre>\n3. Guard\ub780?<\/h2>\n
Guard\uc758 \ud2b9\uc9d5<\/h3>\n
\n
4. Nest.js\uc5d0\uc11c Guard \uad6c\ud604\ud558\uae30<\/h2>\n
CanActivate<\/code> \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud558\uc5ec \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc8fc\ub85c \uc0ac\uc6a9\uc790\uc758 \uad8c\ud55c\uc744 \uccb4\ud06c\ud558\uac70\ub098 \uc778\uc99d \uc5ec\ubd80\ub97c \ud655\uc778\ud558\ub294 \ub370 \ud65c\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n\uc608\uc81c: Role Guard \uad6c\ud604\ud558\uae30<\/h3>\n
import { Injectable, CanActivate, ExecutionContext } from '@nestjs\/common';\n\n@Injectable()\nexport class RoleGuard implements CanActivate {\n canActivate(context: ExecutionContext): boolean {\n const request = context.switchToHttp().getRequest();\n const user = request.user;\n\n \/\/ \uc0ac\uc6a9\uc790 \uc5ed\ud560 \ud655\uc778 \ub85c\uc9c1\n return user && user.role === 'admin';\n }\n}\n<\/code><\/pre>\nGuard \ub4f1\ub85d\ud558\uae30<\/h3>\n
import { Controller, Get, UseGuards } from '@nestjs\/common';\nimport { RoleGuard } from '.\/role.guard';\n\n@Controller('admin')\nexport class AdminController {\n @Get()\n @UseGuards(RoleGuard)\n getAdminData() {\n return 'Admin data!';\n }\n}\n<\/code><\/pre>\n5. Next.js\uc5d0\uc11c Middleware \uc0ac\uc6a9\ud558\uae30<\/h2>\n
\uc608\uc81c: Next.js\uc5d0\uc11c \ubbf8\ub4e4\uc6e8\uc5b4 \uad6c\ud604\ud558\uae30<\/h3>\n
import { NextResponse } from 'next\/server';\n\nexport function middleware(req) {\n const token = req.headers.get('authorization');\n\n if (token) {\n \/\/ \ud1a0\ud070 \uac80\uc99d \ub85c\uc9c1\n return NextResponse.next();\n } else {\n return NextResponse.redirect('\/login');\n }\n}\n<\/code><\/pre>\nMiddleware \ub4f1\ub85d\ud558\uae30<\/h3>\n
middleware.ts<\/code> \ud30c\uc77c\uc744 \ub8e8\ud2b8\uc5d0 \uc0dd\uc131\ud558\uace0, \uadf8 \ub0b4\ubd80\uc5d0 \ubbf8\ub4e4\uc6e8\uc5b4 \ub85c\uc9c1\uc744 \uc815\uc758\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n6. Next.js\uc5d0\uc11c Guard \uc0ac\uc6a9\ud558\uae30<\/h2>\n
\uc608\uc81c: Hook\uc744 \uc0ac\uc6a9\ud55c Role Guard \uad6c\ud604\ud558\uae30<\/h3>\n
import { useEffect, useState } from 'react';\n\nfunction useAuth(requiredRole) {\n const [user, setUser] = useState(null);\n\n useEffect(() => {\n const getUserData = async () => {\n const res = await fetch('\/api\/user');\n const data = await res.json();\n setUser(data);\n };\n\n getUserData();\n }, []);\n\n return user && user.role === requiredRole;\n}\n\n\/\/ \uc0ac\uc6a9 \uc608\uc2dc\nfunction AdminPage() {\n const isAdmin = useAuth('admin');\n\n if (!isAdmin) {\n return Admin Page<\/h1>;\n}\n<\/code><\/pre>\n
7. \uacb0\ub860<\/h2>\n