[250520] TIL
Today I Learned (2025-05-20)
next/router vs next/navigation
ํญ๋ชฉ | next/router |
next/navigation |
---|---|---|
์ง์ ๋ฒ์ | Next.js 12~13๊น์ง (App Router ์ด์ ) | Next.js 13 ์ดํ App Router์์ ์ฌ์ฉ |
์ง์ ๋์ | Pages Router (๊ธฐ์กด ๋ฐฉ์) | App Router (์ ๊ท ๋ฐฉ์) |
์ฌ์ฉ ๋ฐฉ์ | useRouter() ํ
์ฌ์ฉ |
useRouter() , usePathname() , useSearchParams() ๋ฑ |
๋์ ๋ฐฉ์ | ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ผ์ฐํ | ํด๋ผ์ด์ธํธ + ์๋ฒ ์ปดํฌ์ ๋ธ ๋ผ์ฐํ |
ํ์ ์ง์ | ์ฝ๊ฐ ๋ถ์กฑํ ํธ | TypeScript ์นํ์ |
๊ถ์ฅ ์ฌ๋ถ | Pages Router ์ด๋ค๋ฉด ์ฌ์ฉ | App Router ์ด๋ค๋ฉด ํ์ ์ฌ์ฉ |
React Query ์บ์ฑ ๋ฒ์
- ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ์บ์ฑ์
- ๊ฐ์ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ฌ์ฉํ๋ ๊ฐ์ ์ฌ์ฉ์์๊ฒ๋ง ์ ์ฉ
ํ ํฌ๋ฌธ์ ๋ณด์
- ์ ์ ๋ฆฌํํ ๋ง
๋ํ ํ๋ก์ ํธ
v2 ๋ฆฌ์คํธ์
ํธ๋ฌ๋ธ ์ํ
- swagger ์์๋ ํ ๋ฒ๋ง ์ธ์ฝ๋ฉ,
- FE โ BE โ AI ์์ ์์ฒญ ์, ์ธ์ฝ๋ฉ์ด 2๋ฒ ๋๋ ๋ฌธ์
- ๋ฐฑ์๋ ์ค๋ฅ๋ก ๋ฐ๊ฒฌ
- RestTemplatedl URL์ฒ๋ฆฌ ๊ณผ์ ์์ ์ถ๊ฐ๋ก ์ธ์ฝ๋ฉํจ
๊ฒ์์ ๋ํ ๋ถ๊ธฐ ์ฒ๋ฆฌ (์นด์นด์ค๋งต, LLM) ๊ฒฐ์
- ์นด์นด์ค๋งต ๊ฒ์ API ์ฌ์ฉํ๋ ๊ฒ์ผ๋ก ๊ฒฐ์
- ํ๋ก ํธ์ชฝ์์ ๋ฐ๋ก API ์ฌ์ฉ
- V2 ์์ ์ ์ฉ ์์
Leave a comment