Just keep coding ...

[Next.js] (11) - Client Route Cache

2024. 11. 14. 08:07ใ†front-end/Next.js

728x90

๐Ÿ‘‰ ํด๋ผ์ด์–ธํŠธ ๋ผ์šฐํŠธ ์บ์‹œ

  • ๋ธŒ๋ผ์šฐ์ €์— ์ €์žฅ๋˜๋Š” ์บ์‹œ - ํŽ˜์ด์ง€ ์ด๋™์„ ํšจ์œจ์ ์œผ๋กœ ์ง„ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด ํŽ˜์ด์ง€์˜ ์ผ๋ถ€ ๋ฐ์ดํ„ฐ ๋ณด๊ด€

  • Layout์„ ~/, ~/search ์ผ ๊ฒฝ์šฐ์— ๊ณ„์† ๋ถˆ๋Ÿฌ์˜ด (์ค‘๋ณต ์š”์ฒญ) - ํด๋ผ์ด์–ธํŠธ ๋ผ์šฐํŠธ ์บ์‹œ์ ์šฉ ์•ˆ๋  ๊ฒฝ์šฐ

  • ๊ณตํ†ต๋œ ๋ ˆ์ด์•„์›ƒ๋งŒ ๋”ฐ๋กœ ๋ณด๊ด€ํ•ด์„œ ์„œ๋ฒ„์— ์ค‘๋ณต์š”์ฒญ ํ•˜์ง€ ์•Š์Œ
  • ์ž๋™์œผ๋กœ next app ์— ์ ์šฉ๋˜์–ด์žˆ์Œ
  • ํด๋ผ์ด์–ธํŠธ ๋ผ์šฐํŠธ ์บ์‹œ๋Š” ์ƒˆ๋กœ๊ณ ์นจ ๋˜๋ฉด ์‚ฌ๋ผ์ง (๋ธŒ๋ผ์šฐ์ €๋‹ˆ๊นŒ!)

 

new Date().toLocaleString() //๋ฆฌ๋ Œ๋”๋ง ๋˜๋Š”์ง€ ํ™•์ธํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์Œ

 

 

 



์ถœ์ฒ˜: https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%ED%81%AC%EA%B8%B0-nextjs/dashboard

 

ํ•œ ์ž… ํฌ๊ธฐ๋กœ ์ž˜๋ผ๋จน๋Š” Next.js(15+) ๊ฐ•์˜ | ์ด์ •ํ™˜ Winterlood - ์ธํ”„๋Ÿฐ

์ด์ •ํ™˜ Winterlood | ํ•œ์ž… ์‹œ๋ฆฌ์ฆˆ์˜ 3๋ฒˆ์งธ ์ž‘ํ’ˆ! ์„ธ์ƒ์—์„œ ๊ฐ€์žฅ ์นœ์ ˆํ•˜๊ณ  ๋””ํ…Œ์ผ ํ•œ Next.js(15+)๊ฐ•์˜ ์ž…๋‹ˆ๋‹ค. App Router ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ Page Router๊นŒ์ง€ ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ์‚ดํŽด๋ด…๋‹ˆ๋‹ค., [์ž„๋ฒ ๋”ฉ ์˜์ƒ]ํ•œ ์ž… ํฌ๊ธฐ

www.inflearn.com

 

728x90

'front-end > Next.js' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Next.js] (12) - Streaming  (0) 2024.11.14
[Next.js] (10) - Full Route Cache(ํ’€ ๋ผ์šฐํŠธ ์บ์‹œ)  (0) 2024.11.12
[Next.js] (9) - Request Memoization  (0) 2024.11.12
[Next.js] (8) - Data Cache  (1) 2024.11.12
[Next.js] (7) - Data Fetching (in App Router)  (1) 2024.11.11