Skip to content

Conversation

@ejinn1
Copy link
Member

@ejinn1 ejinn1 commented Mar 7, 2025

๐Ÿ“„ GET ํ•จ์ˆ˜ ๋ฆฌํŽ™ํ† ๋ง ๋ฐ ์ตœ๊ทผ ๋“ฑ๋กํ•œ ํ• ์ผ SSR ์ ์šฉ

๐Ÿ“ ๋ณ€๊ฒฝ ์‚ฌํ•ญ ์š”์•ฝ

  • GET ํ•จ์ˆ˜ ๋ณ€๊ฒฝ
  • ์ตœ๊ทผ ๋“ฑ๋กํ•œ ํ• ์ผ SSR
  • not-found page ์‚ฌ์ด๋“œ๋ฐ” ์‚ญ์ œ

๐Ÿ“Œ ๊ด€๋ จ ์ด์Šˆ

๐Ÿ” ๋ณ€๊ฒฝ ์‚ฌํ•ญ ์ƒ์„ธ ์„ค๋ช…

GET ํ•จ์ˆ˜ ๋ณ€๊ฒฝ

  • ํ† ํฐ์„ ํ—ค๋”์— ์ถ”๊ฐ€ํ•˜๋Š” ์ž‘์—…์ด axios์˜ interceptor์—์„œ document ๊ฐ์ฒด๋ฅผ ํ™œ์šฉํ•ด ๋ธŒ๋ผ์šฐ์ €์—์„œ๋งŒ ๊ฐ€๋Šฅํ•œ ๋ฐฉ์‹์ด๋ผ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ์—์„œ ํ† ํฐ์„ ๋„˜๊ฒจ์ฃผ๋Š” ๋ฐฉ์‹๋„ ์ถ”๊ฐ€์‹œ์ผฐ์Šต๋‹ˆ๋‹ค.
  • props์— ํ† ํฐ์ด ์žˆ์œผ๋ฉด setAuthToken ํ•จ์ˆ˜๋กœ ํ—ค๋”์— ๋„ฃ์–ด์ค๋‹ˆ๋‹ค.

์ตœ๊ทผ ๋“ฑ๋กํ•œ ํ• ์ผ SSR ์ ์šฉ

  • ๋Œ€์‹œ๋ณด๋“œ์—์„œ ์ตœ๊ทผ ๋“ฑ๋กํ•œ ํ• ์ผ ๋ถ€๋ถ„์—์„œ isLoading์œผ๋กœ ๋กœ๋”ฉ์„ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค Suspense๋กœ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ์ข‹์„ ๊ฒƒ ๊ฐ™์•„ ๋ณ€๊ฒฝํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  • ์ƒˆ๋กœ๊ณ ์นจ ํ–ˆ์„ ๋•Œ ๊ธฐ์กด์— ์บ์‹œ๋˜์–ด ์žˆ๋Š” ๊ฐ’์„ ์‚ฌ์šฉํ•ด ๋” ๋น ๋ฅธ ์ดˆ๊ธฐ ๋กœ๋”ฉ์ด ๊ฐ€๋Šฅํ•ด์กŒ์Šต๋‹ˆ๋‹ค

๋ฌดํ•œ ์Šคํฌ๋กค ์žˆ๋Š” ๋ถ€๋ถ„์€ ์ ์šฉํ•ด๋ณด๋ ค๋‹ค๊ฐ€ ์—๋Ÿฌ ํ•ด๊ฒฐ์„ ๋ชปํ•ด์„œ ์•„์ง ์ ์šฉ์€ ๋ชป์‹œ์ผฐ์Šต๋‹ˆ๋‹ค..

not-found ์‚ฌ์ด๋“œ๋ฐ” ์‚ญ์ œ

  • ๋จผ์ € ๋นŒ๋“œ ์—๋Ÿฌ๊ฐ€ ๋‚˜์„œ ํ™•์ธํ•ด๋ดค๋Š”๋ฐ not-found ํŽ˜์ด์ง€๊ฐ€ ๋กœ๊ทธ์ธ ์ด์ „์—๋„ ๋‚˜ํƒ€๋‚  ์ˆ˜ ์žˆ๋Š” ํ™”๋ฉด์ด๋ผ ๊ทธ๋ƒฅ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์‚ญ์ œ์‹œ์ผฐ์Šต๋‹ˆ๋‹ค.
  • ์‚ฌ์ด๋“œ๋ฐ”์—์„œ๋Š” ๋กœ๊ทธ์ธ์„ ํ–ˆ์„ ๋•Œ ๋‚˜ํƒ€๋‚˜๋Š” ์ •๋ณด๋“ค์ด ์žˆ์–ด์„œ ์—†์• ๋„ ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

โœ… ํ™•์ธ ์‚ฌํ•ญ

  • ์ฝ”๋“œ๊ฐ€ ์ •์ƒ์ ์œผ๋กœ ์ปดํŒŒ์ผ๋˜๋Š”์ง€ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ๊ด€๋ จ ํ…Œ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ๋ชจ๋‘ ํ†ต๊ณผํ–ˆ๋Š”์ง€ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ์ฝ”๋“œ ์Šคํƒ€์ผ ๊ฐ€์ด๋“œ์— ๋งž๊ฒŒ ์ž‘์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ“ธ ์Šคํฌ๋ฆฐ์ƒท (์„ ํƒ ์‚ฌํ•ญ)

๊ธฐ์กด

2025-03-06.3.19.50.mov

์ ์šฉ ํ›„

2025-03-06.3.21.10.mov

๊ธฐํƒ€ ์ฐธ๊ณ  ์‚ฌํ•ญ

์ถ”๊ฐ€๋กœ ๊ณต์œ ํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์ด๋‚˜ ์ฐธ๊ณ  ์ž๋ฃŒ๊ฐ€ ์žˆ๋‹ค๋ฉด ์—ฌ๊ธฐ์— ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.

@ejinn1 ejinn1 added the ๐Ÿ”จ Refactor ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง label Mar 7, 2025
@ejinn1 ejinn1 requested review from dudwns0213 and gibeom0218 March 7, 2025 05:34
@ejinn1 ejinn1 self-assigned this Mar 7, 2025
@ejinn1 ejinn1 linked an issue Mar 7, 2025 that may be closed by this pull request
2 tasks
@github-actions
Copy link

github-actions bot commented Mar 7, 2025

๐Ÿ’„ Storybook: https://674fb103b6bfad504c6f0da9-uwbjcywxad.chromatic.com/
๐Ÿ•– Update: 2025๋…„ 03์›” 08์ผ 16์‹œ 44๋ถ„ 59์ดˆ

@github-actions
Copy link

github-actions bot commented Mar 7, 2025

๐ŸŽ‰ ๊ตฌํ˜„ํ•œ ๊ธฐ๋Šฅ Preview: https://front-2ubsrebso-beoms-projects-53e61468.vercel.app

@ejinn1 ejinn1 force-pushed the 199-refactor-improve-api-function branch from 375d4c4 to 737d3e2 Compare March 8, 2025 07:43
@ejinn1 ejinn1 merged commit 03b02a6 into main Mar 9, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

๐Ÿ”จ Refactor ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Refactor] improve api function

2 participants