\ud83d\udc49\ud83c\udffb \uc5ec\uae30\uc11c\ub294 \ud68c\uc6d0\uac00\uc785 \ubd80\ubd84\uc758 \uad6c\uc870\uc5d0 \ub300\ud574\uc11c \uc0b4\ud3b4\ubd05\ub2c8\ub2e4. Here, we examine the structure of the sign-up section.<\/p>\n\n\n\n
\ud83d\udc49\ud83c\udffb nextjs\uc5c5\uadf8\ub808\uc774\ub4dc\ud558\ub824\uba74 \uc544\ub798\ucc98\ub7fc \ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4. To upgrade Next.js, you can follow the steps below.<\/p>\n\n\n\n
\u2714\ufe0f \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc740 \uba54\uc138\uc9c0\uac00 \ubcf4\uc774\uba74 \uc5c5\uadf8\ub808\uc774\ub4dc\ud558\uba74 \ub429\ub2c8\ub2e4. If you see the following message in your project, you can perform an upgrade.<\/p>\n\n\n\n
\u26a0 Installed Next.js version 16.4.0 is affected by a known security vulnerability.\n\nNext.js security version upgrade available: 16.4.0 -> 16.4.2\n\n \u276f Upgrade now\n Skip\n Skip until next version<\/code><\/pre>\n\n\n\n
1)AI Agent\uac00 \uc790\ub3d9\uc5c5\uadf8\ub808\uc774\ub4dc \ud558\ub3c4\ub85d \ud5c8\uc6a9\ud558\ub824\uba74 \uc544\ub798\uc640 \uac19\uc774 next.config.ts\ud30c\uc77c\uc744 \uc218\uc815\ud574\uc57c\ud569\ub2c8\ub2e4. To allow the AI \u200b\u200bAgent to perform automatic upgrades, you must modify the next.config.ts<\/code> file as shown below.<\/p>\n\n\n\n
2)\uc218\ub3d9\uc73c\ub85c \uc5c5\uadf8\ub808\uc774\ub4dc\ud558\ub824\uba74 \uc544\ub798\ucc98\ub7fc \ud558\uba74\ub429\ub2c8\ub2e4. To perform a manual upgrade, follow the steps below.<\/p>\n\n\n\n
\ud83d\udcc1 \uc678\ubd80 \uc571 \ubc0f \ub85c\uceec UI\ubd80\ubd84 \uc778\uc99d \ubd80\ubd84 \uad6c\uc870 Authentication-related structure for external apps and the local UI<\/p>\n\n\n\n
sqlite> select username,display_name,email from users where username='hello';\nhello|hello_display|hello@test.com<\/strong>\nsqlite> <\/code><\/pre>\n\n\n\n
A.\ud3fc \uc81c\ucd9c\ubc29\uc9c0 – \uc774 \ucf54\ub4dc\uac00 \uc788\uc5b4\uc57c \ud398\uc774\uc9c0 \uc774\ub3d9 \ud604\uc0c1\uc774 \uc77c\uc5b4\ub098\uc9c0 \uc54a\uc74c Preventing form submission \u2013 this code is required to ensure the page does not navigate away.<\/p>\n\n\n\n
e.preventDefault();<\/code><\/pre>\n\n\n\n
B.API \ub77c\uc6b0\ud2b8\ub85c \ud3fc \ub370\uc774\ud130 \uc804\uc1a1 Sending form data to an API route<\/p>\n\n\n\n
— \ub370\uc774\ud130 \uccb4\ud06c \ubc0f \uc800\uc7a5 \/ Data check and storage<\/p>\n\n\n\n
... ...\nexport async function POST(req: Request) {\n try {\n const { username, email, password, display_name } = await req.json();\n\n if (!username || !email || !password) {\n \/\/ error : No required input values\n return NextResponse.json({ error: '\ud544\uc218 \uc785\ub825\uac12 \uc5c6\uc74c' }, { status: 400 });\n }\n\n if (username.length < 3 || !\/^[a-zA-Z0-9_]+$\/.test(username)) {\n \/\/ error : Usernames must be at least 3 characters long and consist only of English letters and numbers.\n return NextResponse.json({ error: 'username\uc740 3\uc790 \uc774\uc0c1 \uc601\ubb38, \uc22b\uc790\ub9cc' }, { status: 400 });\n }\n\n if (password.length < 6) {\n \/\/ error : Password must be at least 6 characters long\n return NextResponse.json({ error: '\ube44\ubc00\ubc88\ud638 6\uc790 \uc774\uc0c1' }, { status: 400 });\n }\n\n \/\/ \uc911\ubcf5 \uccb4\ud06c \/ Duplicate check\n if (getUser(username)) {\n \/\/ error : Username already exists\n return NextResponse.json({ error: '\uc774\ubbf8 \uc874\uc7ac\ud558\ub294 username' }, { status: 409 });\n }\n if (getUserByEmail(email)) {\n \/\/ error : Email already exists!\n return NextResponse.json({ error: '\uc774\ubbf8 \uc874\uc7ac\ud558\ub294 email!' }, { status: 409 });\n }\n\n const passwordHash = await hashPassword(password);<\/strong>\n createUser(username, email, passwordHash, display_name || username);<\/strong>\n\n console.log(`\u2705 \ud68c\uc6d0\uac00\uc785\/join the membership: ${username} \/ ${email}`);\n\n return NextResponse.json({ ok: true, username }, { status: 201 });\n } catch (e) {\n console.error('signup \uc5d0\ub7ec \/ signup error', e);\n return NextResponse.json({ error: '\uc11c\ubc84 \uc5d0\ub7ec \/ server error' }, { status: 500 });\n }\n}<\/code><\/pre>\n\n\n\n
1) \ud328\uc2a4\uc6cc\ub4dc\ub97c hashPassword\ud568\uc218\ub85c \uc554\ud638\ud654 \ud569\ub2c8\ub2e4. Encrypt the password using the hashPassword<\/code> function.<\/p>\n\n\n\n
2) UI\uc5d0\uc11c \uc804\ub2ec \ubc1b\uc740 \ub370\uc774\ud130\ub97c \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0 \uc800\uc7a5\ud558\uace0 \ud0a4 \ud30c\uc77c \uc0dd\uc131 Save data received from the UI to the database and generate a key file<\/p>\n\n\n\n
— hashPassword \ud568\uc218\uc758 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. The hashPassword<\/code> function is as follows:<\/p>\n\n\n\n
import bcrypt from 'bcrypt';\n... ...\nexport async function hashPassword(password: string) {\n return await bcrypt.hash(password, 10);\n}<\/code><\/pre>\n\n\n\n
1)hashPassword\ud568\uc218\uc5d0 \ud30c\ub77c\uba54\ud130\ub85c \uc804\ub2ec\ubc1b\uc740 \ub0b4\uc6a9\uc744 bcrypt\ubaa8\ub4c8\ub85c \uc554\ud638\ud654 \ud569\ub2c8\ub2e4. The content passed as a parameter to the hashPassword<\/code> function is encrypted using the bcrypt<\/code> module.<\/p>\n\n\n\n
— createUser \ud568\uc218\uc758 \uad6c\uc870\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. The structure of the createUser function is as follows:<\/p>\n\n\n\n
1)crypto\ubaa8\ub4c8\ub85c \ud0a4\ud30c\uc77c \uc0dd\uc131\ud558\ub294 \ubd80\ubd84\uc785\ub2c8\ub2e4. This part handles the generation of key files using the crypto<\/code> module.<\/p>\n\n\n\n
2)\ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0 \uc815\ubcf4\ub97c \uc800\uc7a5\ud558\ub294 \ubd80\ubd84\uc785\ub2c8\ub2e4. This is the part that stores information in the database.<\/p>\n\n\n\n
1)\uc704\uc758 \ud0a4\uc640 \ud568\uaed8 \uc804\ub2ec\ubc1b\uc740 \ud68c\uc6d0\uac00\uc785\uc815\ubcf4\ub97c \ub370\uc774\ud130 \ubca0\uc774\uc2a4\uc5d0 \uc800\uc7a5\ud569\ub2c8\ub2e4. Store the user registration information received along with the key mentioned above in the database.<\/p>\n\n\n\n
\ud83d\udca1 lib\/db.ts \ud30c\uc77c\uc124\uba85\uc740 \uc0dd\ub7b5\ud569\ub2c8\ub2e4. I will skip the explanation for the lib\/db.ts<\/code> file.<\/p>\n\n\n\n
\n
\ub9c8\ud0dc\ubcf5\uc74c 21\uc7a5 22\uc808 \/ Matthew 21: 22<\/p>\n\n\n\n
“And everything you ask in prayer, believing, you will receive.”<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"
\ud83d\udc49\ud83c\udffb \uc5ec\uae30\uc11c\ub294 \ud68c\uc6d0\uac00\uc785 \ubd80\ubd84\uc758 \uad6c\uc870\uc5d0 \ub300\ud574\uc11c \uc0b4\ud3b4\ubd05\ub2c8\ub2e4.Here, we examine the structure of the sign-up section. \ud83d\udc49\ud83c\udffb nextjs\uc5c5\uadf8\ub808\uc774\ub4dc\ud558\ub824\uba74 \uc544\ub798\ucc98\ub7fc \ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4.To upgrade Next.js, you can follow the steps below. \ud83d\udcc1Nextjs \uc5c5\uadf8\ub808\uc774\ub4dc \/ Upgrade \u2714\ufe0f \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc740 \uba54\uc138\uc9c0\uac00 \ubcf4\uc774\uba74 \uc5c5\uadf8\ub808\uc774\ub4dc\ud558\uba74 \ub429\ub2c8\ub2e4.If you see the following message in your project, you can perform an upgrade. 1)AI Agent\uac00 […]<\/p>\n","protected":false},"author":1,"featured_media":12811,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,27,1],"tags":[],"class_list":["post-12731","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-nextjs","category-uncategorized","has-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/12731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=12731"}],"version-history":[{"count":72,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/12731\/revisions"}],"predecessor-version":[{"id":12812,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/12731\/revisions\/12812"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media\/12811"}],"wp:attachment":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=12731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=12731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=12731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/www.freelifemakers.org\/wordpress\/wp-content\/uploads\/2026\/10\/signup-hello-623x1024.png\")
<\/figure>\n\n\n\n