[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 ์—์„œ ์ ์šฉ ์˜ˆ์ •

Categories:

Updated:

Leave a comment