Skip to content

Instantly share code, notes, and snippets.

View HA-SEUNG-JEONG's full-sized avatar
๐ŸŽฏ
Focusing

Jeong Ha Seung HA-SEUNG-JEONG

๐ŸŽฏ
Focusing
  • 23:09 (UTC -12:00)
View GitHub Profile
@HA-SEUNG-JEONG
HA-SEUNG-JEONG / wanted-pre-onboarding-challenge-fe-2-requirements.md
Last active January 19, 2023 01:23 — forked from pocojang/wanted-pre-onboarding-challenge-fe-ts-first-requirements.md
ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ํ”„๋ก ํŠธ์—”๋“œ ์ฑŒ๋ฆฐ์ง€ 2์ฐจ

์ฑŒ๋ฆฐ์ง€ ๊ณผ์ œ ๊ฐ€์ด๋“œ

์š”๊ตฌ ์‚ฌํ•ญ์„ ๊ตฌํ˜„ํ•˜์ง€ ์•Š๊ณ  ์„ค๊ณ„๋งŒํ•ฉ๋‹ˆ๋‹ค.

  • Todo ์•ฑ์„ JSDoc์œผ๋กœ ๋ฌธ์„œํ™”ํ•˜๋Š” ์ฑŒ๋ฆฐ์ง€ ๊ณผ์ œ์ž…๋‹ˆ๋‹ค.
  • ๋ชจ๋“  ์š”๊ตฌ์‚ฌํ•ญ์€ JSDoc์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.
  • ์ œ์ถœํ•  ์ €์žฅ์†Œ ๋ช…์€ wanted-pre-onboarding-challenge-fe-2๋กœ ์ƒ์„ฑํ•ด ์ฃผ์„ธ์š”. (Public ๊ถŒํ•œ ํ•„์š”)
  • ์™„์„ฑํ•œ ๊ณผ์ œ์˜ ์ €์žฅ์†Œ ๋งํฌ๋ฅผ ๋ชจ์ง‘ ๋งˆ๊ฐ ํ›„ ์„ค๋ฌธ ์กฐ์‚ฌ๋ฅผ ํ†ตํ•ด ์ œ์ถœํ•ด์ฃผ์„ธ์š”. (๊ฐœ๊ฐ• ์‹œ ์„ค๋ฌธ ์กฐ์‚ฌ ๋งํฌ ์ „๋‹ฌ ์˜ˆ์ •)
  • ๊ณผ์ œ ์ˆ˜ํ–‰ ๊ฐœ์ˆ˜์— ๋”ฐ๋ผ ๊ธฐ๋ณธ์ ์ธ ํ‰๊ฐ€๊ฐ€ ์ด๋ฃจ์–ด์ง€๋ฉฐ, ์ปค๋ฆฌํ˜๋Ÿผ ์šด์˜ ๊ณผ์ •์—์„œ ์ตœ์†Œํ•œ์˜ ์ˆ˜์ค€์„ ํŒŒ์•…ํ•˜๊ธฐ ์œ„ํ•œ ์šฉ๋„์ž…๋‹ˆ๋‹ค.
  • ํ•ด๋‹น ๊ณผ์ œ์— ๋Œ€ํ•œ ํ•ด์„ค์€ ๊ฐœ๊ฐ• ํ›„ ์ง„ํ–‰๋  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ฑŒ๋ฆฐ์ง€ 10์›” (CSR / SSR with Next.js)

Assignment) ๊ฐœ์ธ ๋ธ”๋กœ๊ทธ์— ์•„๋ž˜ ์งˆ๋ฌธ์— ๋Œ€ํ•œ ํฌ์ŠคํŒ…์„ ํ•˜๊ณ  ๋งํฌ๋ฅผ ์ œ์ถœํ•ด์ฃผ์„ธ์š”.

    1. CSR(Client-side Rendering)์ด๋ž€ ๋ฌด์—‡์ด๋ฉฐ, ๊ทธ๊ฒƒ์˜ ์žฅ๋‹จ์ ์— ๋Œ€ํ•˜์—ฌ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.
    1. SPA(Single Page Application)๋กœ ๊ตฌ์„ฑ๋œ ์›น ์•ฑ์—์„œ SSR(Server-side Rendering)์ด ํ•„์š”ํ•œ ์ด์œ ์— ๋Œ€ํ•˜์—ฌ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.
    1. Next.js ํ”„๋กœ์ ํŠธ๋ฅผ ์„ธํŒ…ํ•œ ๋’ค yarn start ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ–ˆ์„ ๋•Œ ์‹คํ–‰๋˜๋Š” ์ฝ”๋“œ๋ฅผ nextjs github ๋ ˆํฌ์ง€ํ† ๋ฆฌ์—์„œ ์ฐพ์€ ๋’ค, ํ•ด๋‹น ํŒŒ์ผ์— ๋Œ€ํ•œ ๊ฐ„๋‹จํ•œ ์„ค๋ช…์„ ์ฒจ๋ถ€ํ•ด์ฃผ์„ธ์š”.

๊ณผ์ œ ์ œ์ถœ

  • ์ˆ˜ํ–‰ํ•˜์‹  ๊ณผ์ œ๋Š” ์ฑŒ๋ฆฐ์ง€ ์‹œ์ž‘ ํ›„ ์ „๋‹ฌ๋  ์•ˆ๋‚ด์— ๋”ฐ๋ผ ๋งํฌ๋กœ ์ œ์ถœํ•ด์ฃผ์‹œ๊ณ , ํ•™์Šต ์ˆ˜์ค€ ํŒŒ์•… ๋ฐ ๊ฐ•์˜ ์ง„ํ–‰์„ ์œ„ํ•ด ์‚ฌ์šฉ๋  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.