Node.js \uacf5\uc2dd \uc6f9\uc0ac\uc774\ud2b8<\/a>\n<\/p>\n4. Nest.js \ud504\ub85c\uc81d\ud2b8 \uc124\uc815<\/h2>\n
\n Nest.js\ub294 \ud504\ub808\uc784\uc6cc\ud06c\ub97c \ud1b5\ud574 \uc11c\ubc84 \uc0ac\uc774\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\ucd95\ud558\uae30 \uc704\ud55c \uac15\ub825\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4. \ub2e4\uc74c\uc740 Nest.js \ud504\ub85c\uc81d\ud2b8\ub97c \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4.\n<\/p>\n
npm install -g @nestjs\/cli\nnest new auth-example\ncd auth-example\nnpm install @nestjs\/jwt passport-jwt passport bcryptjs class-validator class-transformer<\/code><\/pre>\n\uc704 \uba85\ub839\uc744 \uc0ac\uc6a9\ud558\uc5ec Nest.js \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\uace0 \ud544\uc694\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc124\uce58\ud569\ub2c8\ub2e4.<\/p>\n
4.1. \ubaa8\ub4c8 \uc0dd\uc131<\/h3>\n
\n \uc778\uc99d \uae30\ub2a5\uc744 \uc704\ud55c \ubaa8\ub4c8\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.\n<\/p>\n
nest g module auth\nnest g service auth\nnest g controller auth<\/code><\/pre>\n\uc774 \uba85\ub839\uc5b4\ub294 auth \ubaa8\ub4c8, \uc11c\ube44\uc2a4, \ubc0f \ucee8\ud2b8\ub864\ub7ec\ub97c \uac01\uac01 \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n
4.2. AuthService \uad6c\ud604<\/h3>\n
\n AuthService\ub294 \uc0ac\uc6a9\uc790\uc758 \ub4f1\ub85d \ubc0f \ub85c\uadf8\uc778\uc744 \ucc98\ub9ac\ud558\ub294 \uc11c\ube44\uc2a4\uc785\ub2c8\ub2e4. \uc544\ub798\uc640 \uac19\uc774 auth.service.ts<\/code> \ud30c\uc77c\uc744 \uc218\uc815\ud569\ub2c8\ub2e4.<\/p>\nimport { Injectable } from '@nestjs\/common';\nimport { JwtService } from '@nestjs\/jwt';\nimport { User } from 'src\/user\/user.entity'; \/\/ \uc608\uc2dc\ub97c \uc704\ud55c User \ubaa8\ub378\nimport * as bcrypt from 'bcryptjs';\n\n@Injectable()\nexport class AuthService {\n constructor(private jwtService: JwtService) {}\n\n async register(userData: any): Promise {\n const hashedPassword = await bcrypt.hash(userData.password, 10);\n const user = new User(); \/\/ \uc0ac\uc6a9\uc790\ub97c DB\uc5d0 \uc800\uc7a5\ud558\ub294 \ub85c\uc9c1 \ud544\uc694\n user.username = userData.username;\n user.password = hashedPassword;\n \/\/ save user to DB logic\n return user;\n }\n\n async validateUser(username: string, password: string): Promise {\n const user = await this.findUserByUsername(username); \/\/ \uc0ac\uc6a9\uc790\ub97c DB\uc5d0\uc11c \ucc3e\ub294 \ub85c\uc9c1 \ud544\uc694\n if (user && await bcrypt.compare(password, user.password)) {\n return user;\n }\n return null;\n }\n\n async login(user: any) {\n const payload = { username: user.username, sub: user.userId };\n return {\n access_token: this.jwtService.sign(payload),\n };\n }\n}\n<\/any><\/user><\/code><\/pre>\n4.3. AuthController \uad6c\ud604<\/h3>\n
\uc778\uc99d \uad00\ub828 HTTP \uc694\uccad\uc744 \ucc98\ub9ac\ud558\ub294 AuthController \ub97c \uad6c\ud604\ud569\ub2c8\ub2e4.<\/p>\n
import { Controller, Post, Request, UseGuards } from '@nestjs\/common';\nimport { AuthService } from '.\/auth.service';\nimport { LocalAuthGuard } from '.\/local-auth.guard'; \/\/ \ub85c\uceec \uc778\uc99d \uac00\ub4dc\n\n@Controller('auth')\nexport class AuthController {\n constructor(private readonly authService: AuthService) {}\n\n @Post('register')\n async register(@Request() req) {\n return this.authService.register(req.body);\n }\n\n @UseGuards(LocalAuthGuard)\n @Post('login')\n async login(@Request() req) {\n return this.authService.login(req.user);\n }\n}\n<\/code><\/pre>\n4.4. JWT \uc124\uc815<\/h3>\n
JWT\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uc815\ud569\ub2c8\ub2e4.<\/p>\n
import { Module } from '@nestjs\/common';\nimport { JwtModule } from '@nestjs\/jwt';\nimport { AuthService } from '.\/auth.service';\nimport { AuthController } from '.\/auth.controller';\n\n@Module({\n imports: [\n JwtModule.register({\n secret: 'secretKey', \/\/ \ud658\uacbd\ubcc0\uc218\ub85c \ubd84\ub9ac\ud560 \uac83\n signOptions: { expiresIn: '60s' }, \/\/ \ud1a0\ud070 \ub9cc\ub8cc \uc2dc\uac04\n }),\n ],\n controllers: [AuthController],\n providers: [AuthService],\n})\nexport class AuthModule {}\n<\/code><\/pre>\n5. Next.js \ud504\ub85c\uc81d\ud2b8 \uc124\uc815<\/h2>\n
Next.js\ub294 React \uae30\ubc18\uc73c\ub85c \uc11c\ubc84 \uc0ac\uc774\ub4dc \ub80c\ub354\ub9c1\uc744 \uc9c0\uc6d0\ud558\ub294 \ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4. \ub2e4\uc74c\uc740 Next.js \ud504\ub85c\uc81d\ud2b8\ub97c \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/p>\n
npx create-next-app next-auth-example\ncd next-auth-example\nnpm install axios js-cookie<\/code><\/pre>\n5.1. \ub85c\uadf8\uc778 \ud398\uc774\uc9c0 \uc0dd\uc131<\/h3>\n
Next.js \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub85c\uadf8\uc778 \uae30\ub2a5\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4. pages\/login.js<\/code> \ud30c\uc77c\uc744 \ub9cc\ub4e4\uace0 \uc544\ub798\uc640 \uac19\uc774 \uc218\uc815\ud569\ub2c8\ub2e4.<\/p>\nimport { useState } from 'react';\nimport axios from 'axios';\nimport Cookies from 'js-cookie';\n\nconst Login = () => {\n const [username, setUsername] = useState('');\n const [password, setPassword] = useState('');\n\n const handleLogin = async () => {\n try {\n const response = await axios.post('http:\/\/localhost:3000\/auth\/login', { username, password });\n Cookies.set('token', response.data.access_token);\n alert('\ub85c\uadf8\uc778 \uc131\uacf5');\n } catch (error) {\n alert('\ub85c\uadf8\uc778 \uc2e4\ud328');\n }\n };\n\n return (\n