๋ฐ๋ผํ๋ฉฐ ๋ฐฐ์ฐ๋ ๋ ธ๋, ๋ฆฌ์กํธ ์๋ฆฌ์ฆ - ๋ ๋ง ์ฌ์ดํธ ๋ง๋ค๊ธฐ(NextJS)(Pages Router)
์ด ๊ฐ์๋ฅผ ํตํด์ ๋ ๋ง ์น์ฌ์ดํธ๋ฅผ ์ฒ์๋ถํฐ ํ๋ํ๋ ๋ง๋ค์ด ๋ณด์ค ์ ์์ต๋๋ค.
์๊ฐ์ 997๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ํด๊ฒฐ
toJson์ ์ถ๊ฐํ๋ฉด [sub].tsx์์ sub๋ฅผ ๋ฐ์์ค์ง ๋ชปํฉ๋๋ค.
entity์ toJson์ ์ถ๊ฐํ๊ณ ๋ด์ฉ์ ๋น์๋๊ธฐ๋ง ํด๋, sub๋ฅผ ๋ฐ์์ค์ง ๋ชปํฉ๋๋ค.๊ฐ์์์๋ ์ ์งํ๋์ด์ ์ง๊ธ ์ ํ ์์ธ์ ์ ์ ์์ต๋๋ค. ๋ต๋ณ ๋ถํ๋
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์๋ฌธ๊ท
ใป
์ผ ๋ ์
0
98
2
- ๋ฏธํด๊ฒฐ
์ฟ ํค ์ ์ฅ์ด ๋์ง ์์ต๋๋ค.
auth.ts์์ //๋น๋ฒ์ด ๋ง์ผ๋ฉด ํ ํฐ ์์ฑ const token = jwt.sign({username}, process.env.JWT_SECRET)
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์ฐ์ค์
ใป
0
198
1
- ๋ฏธํด๊ฒฐ
AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', (2)
์๋ ์ง๋ฌธ ๊ด๋ จ์ ๋๋ค.server.ts origin ๋ถ๋ถ์ ๊ฐ์ฌ๋์ฒ๋ผ ๋ค์๊ณผ ๊ฐ์ด ์์ฑํ๋ฉด header ์ค๋ฅ๊ฐ ๋ฉ๋๋ค.const origin = process.env.ORIG
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์ฐ์ค์
ใป
0
520
1
- ๋ฏธํด๊ฒฐ
AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE',
๋ก๊ทธ์ธ ํ์ด์ง์์ ๋ก๊ทธ์ธ์ ํ๋ฉด 500, ์ปค๋ฎค๋ํฐ ์์ฑ ํ์ด์ง์์ ์์ฑ์ ํ๋ฉด 401 AxiosError๊ฐ ๋น๋๋ค. <img src="https://cdn.inflearn.com/public/files/posts/68dcb357-c62
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์ฐ์ค์
ใป
0
607
1
- ํด๊ฒฐ
overload ์๋ฌ
import {Router, Request, Response} from "express"; import {User} from "../entities/User"; import { validate, Va
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์ฐ์ค์
ใป
0
159
1
- ํด๊ฒฐ
docker compose up ์ค๋ฅ
postgres ๊ฐ์ ์ค docker compose up์ ์คํํ๋ฉด ์๋์ ๊ฐ์ด ์ค๋ฅ๊ฐ ๋น๋๋ค.<img src="https://cdn.inflearn.com/public/files/posts/e5fd1382-93c3-4ced-973b-fb679fde6b80
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์ฐ์ค์
ใป
0
193
1
- ํด๊ฒฐ
๋ถ๋ก) remark ๊ฐ์ ์ค parmas ์ค๋ฅ
๋ถ๋ก ๋ฐ๋ผ๊ฐ๊ณ ์๋๋ฐ ๊ทธ๋๋ก ์์ค ์ฝ๋๋ฅผ ์์ฑํด์ ์คํํ๋ฉด localhost์ ์๋์ ๊ฐ์ด ์ค๋ฅ๊ฐ ๋น๋๋ค.<img src="https://cdn.inflearn.com/public/files/posts/2406afb4-fe84-4d8b-a7e6-5871bc
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์ฐ์ค์
ใป
0
128
1
- ๋ฏธํด๊ฒฐ
3000๋ฒ์ ์ ๋ค์ด๊ฐ์ง๋๋ฐ 80๋ฒ์ ์๋ฉ๋๋ค.
sudo iptables -A PREROUTING -t nat -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 3000๊น์ง ํ๊ณ 3000๋ฒ ํฌํธ๋ก ์ ๋ค์ด๊ฐ์ง๋๋ฐ 3000๋ฒํฌํธ๋ฅผ ์ง์ฐ๊ณ ๋ค์ด๊ฐ๋ด๋ ๋ค์ :8
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์์ฑ์ ์์
ใป
1
279
0
- ๋ฏธํด๊ฒฐ
์ปค๋ฎค๋ํฐ๋ฅผ ์ฌ๋ฆฌ๊ณ ๋ ํ 404 page
์ปค๋ฎค๋ํฐ name์ Name1 ์ด๋ ๊ฒ ์ง์์ผ๋ฉดhttp://localhost:3000/r/Name
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js157350
ใป
0
197
1
- ๋ฏธํด๊ฒฐ
vscode ํ ๋ง ์ด๋ค๊ฑฐ ์ฐ์๋์?
ํ ๋ง๊ฐ ๊ฑฐ์ฌ๋ฆฌ๋๊ฒ ์์ด์ ์๋ป๋ณด์ด๋ค์.. ํ ๋ง ๋ญ ์ฐ๋์ง ์ ์ ์์๊น์?~
vscodetheme๋ค๊ฒฝ
ใป
0
347
1
- ๋ฏธํด๊ฒฐ
tailwind css ๋ฌธ์ ์ธ์ง, className ์ ์ ์ฉํ css๊ฐ ์ ์ฉ๋์ง ์์์.
tailwind css ๋ฌธ์ ์ธ์ง, className ์ ์ ์ฉํ css๊ฐ ์ ์ฉ๋์ง ์์์.์๋๋ ์ package.json ์ธ๋ฐ, ํน์ ๋ฒ์ ์ผ๋ก ์งํํด์ผ ํ๋์? "dependencies": { "axios": "^0.26.1",
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js๊ท๋จJoel
ใป
0
1,023
2
- ๋ฏธํด๊ฒฐ
tsx ์์ ์ ๋ง๋ค ๋น๋ ํ ์๋ฒ ์์ ํด์ผํ๋์?
tsx ์์ ์ ๋ง๋ค ๋น๋ ํ ์๋ฒ ์์ ํด์ผํ๋์?๋ฐฑ์๋ ์๋ฒ์ ๊ฒฝ์ฐ nodemon์ผ๋ก ์๋์ผ๋ก ์์ ์ฌํญ ๋ฐ์ ์ ์๋ฒ ์ฌ์์ ํด์ฃผ๋๋ฐ, ๋ฆฌ์กํธ ์๋ฒ์ ๊ฒฝ์ฐ ์ด๋ป๊ฒ ํ๋๊ฒ ์ข์๊ฐ์?
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js๊ท๋จJoel
ใป
0
638
2
- ๋ฏธํด๊ฒฐ
useState ์ณค์ ๋ ์๋์์ฑ ๋๋ ๋จ์ถํค ๋ฌด์์ธ๊ฐ์? extention ์ธ๊ฐ์?
useState ์ณค์ ๋ ์๋์์ฑ ๋๋ ๋จ์ถํค ๋ฌด์์ธ๊ฐ์? extention ์ธ๊ฐ์?
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js๊ท๋จJoel
ใป
0
785
2
- ๋ฏธํด๊ฒฐ
๋ฆฌ์กํธ ์๋ฒ npm run dev ์ npm run build ํ npm start ์ ์ฐจ์ด
๋ฆฌ์กํธ ์๋ฒ npm run dev ์ npm run build ํ npm start ์ ์ฐจ์ด๊ฐ ๋ฌด์์ธ์ง ๊ถ๊ธํฉ๋๋ค.
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js๊ท๋จJoel
ใป
0
4,485
2
- ๋ฏธํด๊ฒฐ
data ํด๋๊ฐ ์์ฑ๋์ง ์์์.
์์ ์ฝ๋๋ก docker-compose up์ ํด๋ data ํด๋๊ฐ ์์ฑ๋์ง ์์
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์ง์ฉ
ใป
0
503
1
- ๋ฏธํด๊ฒฐ
docker-compose up ์ค๋ฅ
docker-compose up์ ์ฌ์ฉํ๋ฉด <img src="https:/
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.js์ง์ฉ
ใป
0
792
1
- ๋ฏธํด๊ฒฐ
แแ ฌแแ ฏแซ แแ กแแ ตแธ แแ ฆแแ ตแแ ต แแ ตแแ ณแผ แแ ขแผแแ ฅแผ(3) ์ค ์๋ฌ
ํ์๊ฐ์ ๋ฒํผ์ ๋๋ ์ ์, ํด๋น ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค.&n
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.jshyooo
ใป
0
369
2
- ๋ฏธํด๊ฒฐ
Entity์ toJSON ์ฝ๋ ์ ๋ ฅ ํ 404 ์๋ฌ
Entity.ts์ ์ถ๊ฐํ toJSON() { return instanceToPlain(this); }์ด ์ฝ๋๊ฐ ๋ค์ด๊ฐ๋ฉด 404์๋ฌ๊ฐ ๋น๋๋ค.<img src="https://cdn.inf
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.jsyia0319
ใป
0
240
1
- ๋ฏธํด๊ฒฐ
context์์ useEffect ์ ์ธ ๋ถ๋ถ ์ง๋ฌธ ์์ด์.
AuthProvider์์ useEffect๋ฅผ ์ถ๊ฐํด์ loadUser๊ฐ ํธ์ถ๋๋๋ก ํด์ฃผ์๋๋ฐ ๋ชจ๋ ํ์ด์ง ์ ๊ทผ์ 2๋ฒ์ฉ ํธ์ถ๋๋ ์์ธ์ด ๋ฌด์์ผ๊น์?// app.tsx <Au
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.jsdKim
ใป
0
281
1
- ๋ฏธํด๊ฒฐ
src ํด๋๊ตฌ์กฐ
ํ์๊ฐ์ ํ์ด์ง ui ์์ฑํ๊ธฐ ํํธ ๊ฐ์์์๊ธฐ์กด์ srcํด๋๋ฅผ ์ฌ์ฉ์ํ๋๊ฑธ๋ก next๋ฅผ ์ค์นํ๋๋ฐ, ๊ฐ์๊ธฐ srcํด๋๊ตฌ์กฐ๊ฐ ์์ด์ ๋นํฉํ์ต๋๋ค. ํ์ธํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค
reactnode.jspostgresqldockertypescriptํด๋ก ์ฝ๋ฉnext.jsํธ๋ฆผ์์ฌ
ใป
0
495
2






