2026 ๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ์บ ํ”„ ์›นใƒป๋ชจ๋ฐ”์ผ 10๊ธฐ ๋ฉค๋ฒ„์‹ญ ์ˆ˜๋ฃŒ ํ›„๊ธฐ

2026. 3. 3. 00:16ยทโœ๏ธ ๊ฐœ๋ฐœํšŒ๊ณ ๋ก
728x90

 

 

1. ์ง€์› ๊ณ„๊ธฐ — ์™œ ๋ถ€์ŠคํŠธ์บ ํ”„์˜€๋Š”๊ฐ€

์šฐ์„ , ๋‚˜๋Š” ๋ถ€์ŠคํŠธ์บ ํ”„๋ฅผ ์ง€์› ๋‹น์‹œ ๋‚˜๋Š” ์กธ์—…์„ ์•ž๋‘๊ณ  ์ทจ์—… ์ค€๋น„๋ฅผ ํ•˜๊ณ  ์žˆ๋Š” ์ƒํƒœ์˜€๋‹ค. ๋ฐ”๋กœ ์ทจ์—… ์ค€๋น„๋ฅผ ํ• ์ง€ ๊ณ ๋ฏผํ•˜๋‹ค๊ฐ€, ์“ฐ๋”” ์“ด ํƒˆ๋ฝ์˜ ๊ณ ๋น„๋ฅผ ๋งˆ์…จ๊ณ ... ๐Ÿฅน

  • [๋„ค์ด๋ฒ„ํŽ˜์ด] ์ฑ„์šฉ ์—ฐ๊ณ„ํ˜• FE ๊ฐœ๋ฐœ ์ธํ„ด์‹ญ - ์„œ๋ฅ˜ ํ•ฉ, FE ํ…Œ์ŠคํŠธ ํƒˆ๋ฝ
  • ICT ๊ธ€๋กœ๋ฒŒ ์ธํ„ด์‹ญ 1์ฐจ - ์„œ๋ฅ˜ ์ „๋ถ€ ํƒˆ๋ฝ
  • ICT ๊ธ€๋กœ๋ฒŒ ์ธํ„ด์‹ญ 2์ฐจ - ์„œ๋ฅ˜ ํ•œ๊ณณ ํ†ต๊ณผ, ์ตœ์ข… ๋ฉด์ ‘ ํƒˆ๋ฝ
  • ์šฐ์•„ํ•œ ํ…Œํฌ์ฝ”์Šค 6๊ธฐ ํ”„๋ฆฌ์ฝ”์Šค ํƒˆ๋ฝ
  • [๋„ค์ด๋ฒ„๋žฉ์Šค] Frontend Engineer (์ธํ„ด์‹ญ/์ž์œจ์ฃผํ–‰) ์„œ๋ฅ˜ ํƒˆ๋ฝ
  • ์นด์นด์˜ค ๊ณต์ฑ„ 1์ฐจ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ํƒˆ๋ฝ
  • [ํ† ์Šค] Frontend Developer Assistant ํƒˆ๋ฝ

์Šค์Šค๋กœ ๋” ์„ฑ์žฅ๊ณผ ํ•™์Šต์ด ํ•„์š”ํ•˜๊ฒ ๋‹ค๋Š” ๊ฒฐ๋ก ์„ ๋‚ด๋ ธ๋‹ค.
์‹คํŒจ ์›์ธ์„ ๋ถ„์„ํ•ด๋ณด์•˜์„ ๋•Œ ํฌ๊ฒŒ 3๊ฐ€์ง€ ์ด์œ ๊ฐ€ ์žˆ์—ˆ๋‹ค.

  1. ์ง€๋‚˜์น˜๊ฒŒ ํ”„๋ก ํŠธ์—”๋“œ ์ชฝ์—๋งŒ ํŽธํ–ฅํ•ด์„œ ํ•™์Šต๊ณผ ๊ฐœ๋ฐœ ๊ฒฝํ—˜์„ ์Œ“์•„์˜ค๋А๋ผ ์›น ๊ฐœ๋ฐœ ์ „๋ฐ˜์ ์œผ๋กœ ์ถฉ๋ถ„ํ•œ ์ง€์‹๊ณผ ๊ฒฝํ—˜์ด ๋ถ€์กฑํ–ˆ๋‹ค. ( ICT ์ธํ„ด์‹ญ์€ ํ’€์Šคํƒ ๊ฐœ๋ฐœ ๊ฒฝํ—˜์„ ์š”๊ตฌํ–ˆ๋Š”๋ฐ, ๊ทธ ๋‹น์‹œ ๋‚˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ์œ„์ฃผ์˜ ๊ฒฝํ—˜ ๋ฐ–์— ์—†์—ˆ๊ณ , ๋”ฐ๋ผ์„œ ๋ฉด์ ‘ ๋•Œ ๋ฐฑ์—”๋“œ ๊ด€๋ จ ์งˆ๋ฌธ์œผ๋กœ Elastic Search ์™€ ์ธ๋ฑ์Šค์™€ B-Tree ๊ตฌ์กฐ์— ๊ด€ํ•ด์„œ ๋ฌผ์–ด๋ดค๋Š”๋ฐ, ์ œ๋Œ€๋กœ ๋‹ต์„ ํ•˜์ง€ ๋ชปํ–ˆ๋‹ค. )
  2. ์ด๋ก ์ ์ธ ์ง€์‹๋“ค์—๋งŒ ์ง‘์ค‘ํ•ด์žˆ๊ณ  ์‹ค๋ฌด์ ์ธ ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ ๊ฒฝํ—˜์ด ๋ชจ์ž๋ž๋‹ค. ( ์ •๋ง ์‚ฌ์†Œํ•œ ์‹ค์ˆ˜ ํ•˜๋‚˜๋กœ TC ๋ฅผ ๋‹ค ๋‚ ๋ ค๋ฒ„๋ฆฌ๋Š” ๋ฐ”๋žŒ์— ์ •๋ง ์•„์‰ฌ์› ์ง€๋งŒ, ๊พธ์ค€ํžˆ FE ๊ฐœ๋ฐœ์„ ํ–ˆ๋‹ค๋ฉด ๋„ค์ด๋ฒ„ ํŽ˜์ด ๊ณผ์ œ ํ…Œ์ŠคํŠธ๋„ ํ†ต๊ณผํ–ˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. )
  3. ๋‚ด ์Šค์Šค๋กœ ์ƒ๊ฐํ•˜๊ธฐ์— ์ •๋ง ์˜๋ฏธ ์žˆ๋Š” ๊ธฐ์ˆ ์  ๋„์ „์„ ํ•ด๋ณด์ง€ ๋ชปํ–ˆ๋‹ค.
  4. 1์ผ 1์ฝ”ํ…Œ์— ๊ฝ‚ํ˜€ ์žˆ์—ˆ๋Š”๋ฐ, ์–ด๋ ค์šด ๋ฌธ์ œ๋ฅผ ํ‘ธ๋Š”๊ฑฐ์— ์‹ฌ์ทจํ•ด์„œ ์ •์ž‘ ์ค‘์š”ํ•œ FE ๊ฐœ๋ฐœ์€ ์‹ ๊ฒฝ์“ฐ์ง€ ๋ชปํ–ˆ๋‹ค..
  5. ์ด๋ ฅ์„œ ์“ฐ๋Š” ๋ฐฉ๋ฒ•์„ ์ž˜ ๋ชฐ๋ž๋‹ค.

๋ณด๋‹ค ๋” ๋„“์€ ์‹œ์•ผ์—์„œ ์›น ๊ฐœ๋ฐœ์„ ๋ฐ”๋ผ๋ณผ ์ˆ˜ ์žˆ๋Š” ์—ญ๋Ÿ‰์„ ๊ธฐ๋ฅด๊ธฐ ์œ„ํ•ด์„œ ๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ ์บ ํ”„์— ์ง€์›ํ•˜๊ณ ์ž ํ–ˆ๋‹ค!

์‚ฌ์‹ค ๋„ค๋ถ€์บ ์€ ์›Œ๋‚™ ์†Œ๋ฌธ์ด ์ž์žํ–ˆ๊ธฐ์— ํ•œ๋ฒˆ์ฏค ๊ฒช์–ด๋ณด๊ณ  ์‹ถ์€ ๊ต์œก ๊ณผ์ •์ด๊ธฐ๋„ ํ–ˆ๋‹ค. ๋Œ€๋ถ€๋ถ„์˜ ์ฃผ์ธ๊ณต๋“ค์ด ์ˆ˜๋งŽ์€ ํƒˆ๋ฝ์˜ ๊ณ ๋น„๋ฅผ ๋งˆ์ฃผํ•˜๊ณ  ๋‚˜์„œ ๊ทน์ ์ธ ์„ฑ์žฅ์„ ์ด๋ฃจ๋Š”๋ฐ, ๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ์บ ํ”„๊ฐ€ ๋‚˜์˜ ์„ฑ์žฅ์˜ ๋ณ€๊ณก์ ์ด ๋˜์–ด์ฃผ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ค. ๐Ÿ™Œ

2. ๋ฉค๋ฒ„์‹ญ ์‹œ์ž‘ ์ „ ๋‚˜์˜ ์ˆ˜์ค€

  • ๊ธฐ์ˆ  ์—ญ๋Ÿ‰
  • ํ˜‘์—… ๊ฒฝํ—˜
  • ๋ฌธ์ œ ํ•ด๊ฒฐ ๋ฐฉ์‹
  • ๋ถ€์กฑํ•˜๋‹ค๊ณ  ๋А๊ผˆ๋˜ ๋ถ€๋ถ„

์šฐ์„ , ๋‚˜๋Š” ๊ทธ ๋™์•ˆ 10๊ฐœ ๋‚ด์™ธ ์ •๋„๋กœ ํฌ๊ณ  ์ž‘์€ ์›น ๊ฐœ๋ฐœ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ฒฝํ—˜ํ•ด์™”์—ˆ๋‹ค. ๊ธฐํš์ž๋‚˜ ๋””์ž์ด๋„ˆ ๋ถ„๊ณผ๋„ ํ˜‘์—…ํ•˜๊ธฐ๋„ ํ–ˆ์—ˆ๊ณ , ๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ์ ํŠธ์—์„œ ์—ด์‹ฌํžˆ ์ฐธ์—ฌํ•ด์„œ ์œ ์˜๋ฏธํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋งŒ๋“ค์–ด์™”์—ˆ๋‹ค.

๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ์ ํŠธ์—์„œ ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๋งก์•˜๊ณ , React, Redux, Recoil, SASS, Tailwind, Next.js ๋“ฑ ๋Œ€๋ถ€๋ถ„์˜ ๊ธฐ์ˆ ๋“ค์€ ํ•œ๋ฒˆ์”ฉ ์‚ฌ์šฉํ•ด๋ณธ์ ์ด ์žˆ๊ณ  ์–ด๋ ต์ง€ ์•Š๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ˆ˜์ค€์ด์—ˆ๋‹ค.

์ ๋‹นํžˆ ๋‚œ์ด๋„ ์žˆ๋Š” ์ˆ˜์ค€์˜ ๋ ˆ์ด์•„์›ƒ์ด๋‚˜ ์ปดํฌ๋„ŒํŠธ๋“ค์€ ์Šค์Šค๋กœ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ๋‹ค๋งŒ, ์ข…์ข… ๋ฒ„๊ทธ๋ฅผ ํ•ด๊ฒฐํ•จ์— ์žˆ์–ด์„œ ํ™•์‹คํ•œ ์ด์œ ๋ฅผ ์ฐพ์•„์„œ ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ์ฝ”๋“œ๋ฅผ ๋Œ€์ถฉ ์ˆ˜์ •ํ•ด์„œ ๊ฒฐ๊ณผ๋ก ์ ์œผ๋กœ ์ž˜ ๋Œ์•„๊ฐ€๊ฒŒ ๋˜์—ˆ๋‹ค๋ฉด ๋งŒ์กฑํ•˜๋Š” ๋‚˜์œ ์Šต๊ด€์„ ๊ฐ€์ง€๊ณ  ์žˆ์—ˆ๋‹ค. ํŠน์ • ๊ธฐ๋Šฅ์ด ์ด์ƒํ•˜๊ฒŒ ๋Œ์•„๊ฐˆ ๋•Œ, ์™œ ๊ฒฐ๊ณผ๊ฐ€ ์ด๋ ‡๊ฒŒ ๋˜๊ณ  ์ž˜ ๋Œ์•„๊ฐ€์ง€ ์•Š๋Š”์ง€ ๋ฆฌ์•กํŠธ์˜ ์ž‘๋™ ํ๋ฆ„์„ A-Z ๋กœ ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ด๋ฅผ ํ•˜์ง€๋Š” ๋ชปํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ๋А๊ผˆ๋‹ค.

๋˜ํ•œ, ๋‹จ์ˆœํ•œ ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ๋„˜์–ด์„œ ํด๋ฆฐ ์ฝ”๋“œ ์ธก๋ฉด์—์„œ ํ”„๋ก ํŠธ์—”๋“œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์–ด๋–ป๊ฒŒ ์ชผ๊ฐœ์•ผํ•˜๊ณ , ์–ด๋–ป๊ฒŒ ๋ Œ๋”๋ง์„ ์ตœ์ ํ™”ํ•˜๊ณ , Hook์„ ์–ด๋А ์ •๋„ ์ˆ˜์ค€์œผ๋กœ ์ ์ ˆํžˆ ์ถ”์ƒํ™”ํ•˜๊ณ , ์–ด๋–ป๊ฒŒ ์ง๊ด€์ ์œผ๋กœ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ํ•ด์•ผํ•˜๋Š”์ง€, TS ๋ฅผ ์ž˜ ํ™œ์šฉํ•˜๋Š” ๋…ธํ•˜์šฐ์— ๋Œ€ํ•œ ์Šค์Šค๋กœ์˜ ๊ฒฝํ—˜์ด๋‚˜ ํŒ๋‹จ ๊ธฐ์ค€์ด ๋ถ€์กฑํ•˜๋‹ค๊ณ  ๋А๊ผˆ๋‹ค.

๋˜ํ•œ, ๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ์ ํŠธ๊ฐ€ ํ•œ๋‹ฌ ๋‚ด์™ธ์˜ ์งง์€ ๊ธฐํ•œ ๋™์•ˆ ์ด๋ฃจ์–ด์ ธ์„œ ๋ฐ์ดํ„ฐํ†ต์‹ , ์—๋Ÿฌ์ฒ˜๋ฆฌ, ์š”์ฒญ์ทจ์†Œ, ๋กœ๋”ฉ๊ณผ ์บ์‹ฑ์ฒ˜๋ฆฌ(SWR) ๊ณผ ๊ด€๋ จํ•œ ์˜๋ฏธ ์žˆ๋Š” ๊ฒฝํ—˜์„ ์Œ“์•„๋ณด์ง€ ๋ชปํ–ˆ๋˜๊ฒŒ ์•„์‰ฝ๊ธฐ๋„ ํ–ˆ๋‹ค.

ํŠนํžˆ๋‚˜ ๋ฆฌ์•กํŠธ์—์„œ Socket.io ๊ฐ€ ์•„๋‹ˆ๋ผ ์ˆœ์ˆ˜ Websocket ์„ ๋„์ž…ํ•˜๋ฉด์„œ ์ด๊ฑฐ๋ฅผ ์–ด๋–ป๊ฒŒ ๋ฆฌ์•กํŠธ์—์„œ ์ž˜ ๊ตฌ๋™๋˜๋„๋ก ( Hook ์œผ๋กœ ๊ด€๋ฆฌํ• ์ง€, ContextAPI ๋กœ ๊ด€๋ฆฌํ• ์ง€ ) ๊ณ ๋ฏผํ•˜๋Š” ๊ณผ์ •์—์„œ ๊ต‰์žฅํ•œ ์• ๋ฅผ ๋จน์—ˆ๋˜ ๊ธฐ์–ต์ด ์žˆ๊ณ , ๋ฆฌ์•กํŠธ์— ๋Œ€ํ•œ ๋ณด๋‹ค ๋” ๋ณธ์งˆ์ ์ธ ์ดํ•ด๊ฐ€ ํ•„์š”ํ•˜๋‹ค๊ณ  ๋А๊ผˆ๋‹ค.

๋ฐฑ์—”๋“œ๋Š” MongoDB+Node.js ๋ฅผ ํ™œ์šฉํ•œ ๊ฐ„๋‹จํ•œ CRUD API ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ ์ •๋„ ํ•  ์ค„ ์•Œ์•˜๋‹ค.

3. ๋ฉค๋ฒ„์‹ญ์—์„œ ๊ฒฝํ—˜ํ•œ ํ•ต์‹ฌ ๊ณผ์ •

  • ๋ฉค๋ฒ„์‹ญ ๋ชฉํ‘œ
  • ๊ณผ์ •
  • ํ•™์Šต ๋ฐฉ์‹ (์ž์œจ์„ฑ, ๋ฏธ์…˜, ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๋“ฑ)
  • ํ˜‘์—… ๋ฐฉ์‹
  • ํž˜๋“ค์—ˆ๋˜ ์ 

์šฐ์„ , ๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ์บ ํ”„ ๋ฉค๋ฒ„์‹ญ์€ ํฌ๊ฒŒ 3๊ฐ€์ง€ ๊ณผ์ •์œผ๋กœ ๋‚˜๋‰œ๋‹ค.

  1. ํ•™์Šต ์Šคํ”„๋ฆฐํŠธ (๊ฐœ์ธ)
  2. ๊ทธ๋ฃน ์Šคํ”„๋ฆฐํŠธ (ํŒ€)
  3. ๊ทธ๋ฃน ํ”„๋กœ์ ํŠธ (ํŒ€)

๋ฉค๋ฒ„์‹ญ ๋ชฉํ‘œ

๋‚ด๊ฐ€ ๋ถ€์ŠคํŠธ์บ ํ”„ ๊ณผ์ •์—์„œ ์‚ฌ์šฉํ–ˆ๋˜ ๋…ธ์…˜์„ ๋Œ์•„๋ณด๋‹ˆ, ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋‚ด๊ฐ€ ๋ฉค๋ฒ„์‹ญ ๊ณผ์ •์—์„œ ์ด๋ฃจ๊ณ  ์‹ถ์€ ๋ชฉํ‘œ(๋ฐฉํ–ฅ์„ฑ)๊ณผ
๋ฉค๋ฒ„์‹ญ ๊ณผ์ • ์ „๋ฐ˜์—์„œ์˜ ๊ทœ์น™ ๋ฐ ๋‚˜๋งŒ์˜ ์ง„ํ–‰ ๋…ธํ•˜์šฐ๊ฐ€ ๋‹ด๊ฒจ์ ธ ์žˆ๋Š” ํŽ˜์ด์ง€๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ๋ช‡ ์ฃผ ๊ฐ„์˜ ์Šค์Šค๋กœ์˜ ์ฒด๊ณ„์™€ ๊ทœ์น™์„ ์Œ“๊ณ ์ž ๋…ธ๋ ฅํ–ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ๊ทธ ๊ฒฐ๊ณผ, ๊ทธ ๊ณผ์ •์—์„œ ํ™•์‹คํžˆ AI ๋ฅผ ์ž˜ ํ™œ์šฉํ•˜๋Š” ๋‚˜๋งŒ์˜ ๋…ธํ•˜์šฐ๋ฅผ ๋ถ„๋ช…ํžˆ ์ •๋ฆฝํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ํŠนํžˆ CLAUDE.md ์— ์–ด๋–ค ๋‚ด์šฉ์ด ๋“ค์–ด๊ฐ€๋ฉด ์ข‹์„์ง€ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๊ฒƒ๋“ค์„ ์‹œ๋„ํ•ด๋ณด๊ณ  ์‹คํ—˜ํ•ด๋ณด์•˜๋‹ค.

)


ํ•™์Šต ์Šคํ”„๋ฆฐํŠธ (๊ฐœ์ธ)

ํ•™์Šต ์Šคํ”„๋ฆฐํŠธ์—์„œ๋Š” ์žฅ์žฅ 10์ฃผ์ฐจ์— ๊ฑธ์ณ์„œ ์ผ์ • ์ฃผ๊ธฐ๋ณ„๋กœ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋ฐ”๋€Œ๊ณ  ๋ฏธ์…˜์ด ์ฃผ์–ด์ง„๋‹ค.
ํ•œ ํ”„๋กœ์ ํŠธ ๋‹จ์œ„๋กœ ๊ธฐํš๊ณผ ์š”๊ตฌ์‚ฌํ•ญ์˜ ๋ถ„๋Ÿ‰์ด ๊ต‰์žฅํžˆ ๋งŽ์€๋ฐ๋„ ๋ถˆ๊ตฌํ•˜๊ณ  2์ฃผ ๋‹จ์œ„๋กœ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋ฐ”๋€Œ๊ณ  ์–ด๋งˆ๋ฌด์‹œํ•œ ๋ถ„๋Ÿ‰์˜ ์š”๊ตฌ์‚ฌํ•ญ์ด ์ฃผ์–ด์ง„๋‹ค.

  • 1 ~ 2์ฃผ์ฐจ : ์ฝ”๋“œ ์Šคํƒ€๊ทธ๋žจ
  • 2 ~ 4์ฃผ์ฐจ : ์ด์Šˆ ํŠธ๋ž˜์ปค
  • 4 ~ 7์ฃผ์ฐจ : ์ฝ”๋“œ์Šคํƒ€๊ทธ๋žจ WAS

๊ฑฐ๊ธฐ์„œ ๋‚˜์˜ค๋Š” ์š”๊ตฌ์‚ฌํ•ญ์„ ๊ตฌํ˜„ํ•˜๊ณ  ์›น ๊ธฐ์ˆ ์— ๋Œ€ํ•ด ๋ณด๋‹ค ๋” ๊ทผ๋ณธ์ ์ธ ์ดํ•ด๋ฅผ ํ•˜๋ฉด์„œ ์‹ค๋ ฅ์ด ๊ฐ€์žฅ ๋งŽ์ด ์„ฑ์žฅํ–ˆ๋‹ค๊ณ  ๋А๊ผˆ๋‹ค.

ejs ๊ฐ™์€ ํ…œํ”Œ๋ฆฟ ์—”์ง„์„ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์„œ๋ฒ„์—์„œ ์ง์ ‘ HTML ์„ ๋‚ด๋ ค์ฃผ๋Š” ์ „ํ†ต์ ์ธ ๋ฐฉ์‹์˜ ์›น ๊ฐœ๋ฐœ ํŒจ๋Ÿฌ๋‹ค์ž„์„ ๊ฒฝํ—˜ํ•  ์ˆ˜ ์žˆ์—ˆ๊ณ ,

Node.js net ๋ชจ๋“ˆ ๋งŒ์œผ๋กœ ๋™์ž‘ํ•˜๋Š” HTTP ์„œ๋ฒ„๋ฅผ ๋งŒ๋“ค์–ด๋ณด๊ธฐ๋„ ํ•˜๊ณ ,
๋ฆฌ์•กํŠธ ํ”„๋ ˆ์ž„์›Œํฌ ์—†์ด Vanila JS ๋งŒ์œผ๋กœ SPA ์›น์•ฑ์„ ๊ตฌ์ถ•ํ•ด๋ณด๊ธฐ๋„ ํ•˜๋ฉด์„œ ESM ๋ฐฉ์‹์œผ๋กœ ๋ชจ๋“ˆ์„ ๋ถ„๋ฆฌํ•˜๊ณ  DOM API ๋„ ์ง์ ‘ ๋‹ค๋ฃจ๊ณ , Diffing ์•Œ๊ณ ๋ฆฌ์ฆ˜๊ณผ DOM ์ตœ์ ํ™”์— ๋Œ€ํ•ด์„œ ๊ณ ๋ฏผํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

ํŠนํžˆ ๋ฉค๋ฒ„์‹ญ ๊ณผ์ •์—์„œ ์†Œ์ˆ˜ ์ธ์›์— ๋Œ€ํ•ด์„œ ๋ผ์šด์ง€์—์„œ ๋ฐœํ‘œํ•  ๊ธฐํšŒ๊ฐ€ ์žˆ์—ˆ๋Š”๋ฐ, ์šฐ์—ฐํžˆ ์ข‹์€ ์ œ์˜๋ฅผ ๋ฐ›์•„์„œ 200๋ช… ๋ถ€์ŠคํŠธ์บ ํผ ๋ถ„๋“ค ๋Œ€์ƒ์œผ๋กœ 30๋ถ„ ๋™์•ˆ ์›น ๊ฐœ๋ฐœ ๊ด€๋ จํ•œ ๊ฐ•์—ฐ์„ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค! :D

์ „ํ†ต์ ์ธ ์›น ํŽ˜์ด์ง€ ๋™์ž‘ ๋ฐฉ์‹๋ถ€ํ„ฐ ํ˜„๋Œ€ ์›น ๋ Œ๋”๋ง ํŒจ๋Ÿฌ๋‹ค์ž„ ๊นŒ์ง€
์›น ๋ Œ๋”๋ง ํŒจ๋Ÿฌ๋‹ค์ž„์˜ ์ง„ํ™”: MPA์—์„œ SPA, SSR์„ ๊ฑฐ์ณ ํ˜„๋Œ€ ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ๋ฐฉ์‹์œผ๋กœ

)

)

์‚ฌ์‹ค ์ฒ˜์Œ์—๋Š” ๋ง‰์—ฐํ•œ ๋‘๋ ค์›€์ด ์•ž์„ฐ๋Š”๋ฐ, ๊ทธ๋งŒํผ ๋‚ด๊ฐ€ ์ œ๋Œ€๋กœ ๋œ + ์œ ์ตํ•œ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋‚ด๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๊ธฐ์ˆ ์ ์ธ ์ •๋ณด๊ฐ€ ์ •๋ง ์˜ฌ๋ฐ”๋ฅธ ๊ฒƒ์ด ๋งž๋Š”์ง€ ๋Š์ž„ ์—†์ด ์˜์‹ฌํ•˜๊ณ  ๊ฒ€์ฆํ•˜๊ณ ์ž ๋…ธ๋ ฅ์„ ๋งŽ์ด ๊ธฐ์šธ์˜€๋‹ค.
๊ทธ ์ฃผ์— ์ฒด๊ฐ์ƒ 10~20์‹œ๊ฐ„์€ ๋ฐœํ‘œ ์ค€๋น„์— ์Ÿ์•˜๋˜ ๊ฒƒ ๊ฐ™๋‹ค.
( ์‚ฌ์‹ค ๋‚˜๋Š” ์ด๋Ÿฐ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค ๋Œ€์ƒ์œผ๋กœ ํ•˜๋Š” ๋ฐœํ‘œ์—์„œ ํฐ ์‹ค์ˆ˜๋ฅผ ํ•œ ์ ์ด ์žˆ์–ด์„œ ํฐ ํŠธ๋ผ์šฐ๋งˆ๋กœ ๋‚จ์•„ ์žˆ๋‹ค.. ๐Ÿ˜ญ '๋‚ด๊ฐ€ ๋ชจ๋ฅด๋Š” ๋ถ€๋ถ„์— ๋Œ€ํ•œ ์งˆ๋ฌธ์ด ๋“ค์–ด์˜ค๋ฉด ์–ด๋–กํ•˜์ง€?' ํ•˜๊ณ  ๊ฒ์„ ๋จน๊ธฐ๋„ ํ–ˆ์—ˆ์ง€๋งŒ, ๋‚ด๊ฐ€ ํ•  ์ˆ˜ ์žˆ๋Š” ์ตœ์„ ์˜ ๋…ธ๋ ฅ+์ค€๋น„๋กœ ์ด๊ฒจ๋‚ด๊ณ ์ž ํ–ˆ๋‹ค. )

๊ทธ๋ฆฌ๊ณ  ํŠนํžˆ CSR ๊ณผ SSR ์— ๋Œ€ํ•ด์„œ ์ž˜ ์ดํ•ด๊ฐ€ ๊ฐ€์ง€ ์•Š๋˜ ๋ถ€๋ถ„์„ ์ง‘์š”ํ•˜๊ฒŒ ํŒŒ๊ณ  ๋“ค๋ฉด์„œ ๊ทผ๋ณธ์ ์ธ ์›๋ฆฌ๋ฅผ ์ดํ•ดํ•˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ค.

๋ณดํ†ต ์ดˆ๊ธฐ ๋กœ๋”ฉ ์†๋„ ํ–ฅ์ƒ์„ ์œ„ํ•ด์„œ SSR ์„ ์„ ํƒํ•˜๋Š”๋ฐ, SSR ์ด CSR ๋ณด๋‹ค FCP ๊ฐ€ ๋น ๋ฅธ๊ฒŒ ์™œ ๊ทธ๋ ‡์ง€?

CSR ์ด TTFB ๊ฐ€ ๋” ๋น ๋ฅด๋‹ค๋ฉด์„œ ์™œ ๋ Œ๋”๋ง ์†๋„๋Š” ๋” ๋А๋ฆฌ์ง€?

์ผ๋ฐ˜์ ์œผ๋กœ SSR์€ HTML ์„ ์„œ๋ฒ„์—์„œ ๋ Œ๋”๋ง ํ•ด์ฃผ๊ธฐ ๋•Œ๋ฌธ์— API ์š”์ฒญ์„ ๋ณด๋‚ด๊ณ  ๋‚˜์„œ ํ™”๋ฉด์„ ๊ทธ๋ ค์•ผํ•˜๋Š” CSR ๋ณด๋‹ค๋Š” FCP ๊ฐ€ ๋น ๋ฅด๋‹ค๋Š” ๊ฒƒ์ด ์ผ๋ฐ˜์ ์ด๋‹ค. ํ•˜์ง€๋งŒ ๋‚˜๋Š” ์—ฌ๊ธฐ์„œ ํ•œ ๋ฐœ์ž๊ตญ ๋” ๋‚˜์•„๊ฐ€์„œ, ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์งˆ๋ฌธ์„ ๋˜์กŒ๋‹ค.

SSR ์€ ์„œ๋ฒ„์—์„œ HTML ์„ ๋ Œ๋”๋งํ•˜๋Š”๋ฐ ๊ทธ๋งŒํผ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฌ๋‹ˆ๊นŒ ๋นˆ ํ…œํ”Œ๋ฆฟ์„ ์ฃผ๋Š” CSR ์ด API ์š”์ฒญ์„ ๋นจ๋ฆฌ ๋ฐ›์•„์˜ค๋ฉด ๋” ๋น ๋ฅด๊ฒŒ ํ™”๋ฉด์„ ๊ทธ๋ฆด์ˆ˜๋„ ์žˆ๋Š”๊ฑฐ ์•„๋‹ˆ์•ผ?

๊ฒฐ๊ตญ CSR ๊ณผ SSR ์˜ ๊ทผ๋ณธ์ ์ธ ๋กœ๋”ฉ ์„ฑ๋Šฅ ์ฐจ์ด๋Š” ๋А๋ฆฐ JS ๋กœ DOM ์„ ๋™์ ์œผ๋กœ ์กฐ๋ฆฝํ•˜๋Š”๋ฐ ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„ vs C/C++ ๊ธฐ๋ฐ˜ HTML ํŒŒ์„œ๋กœ ์™„์„ฑ๋œ HTML ์„ ํŒŒ์‹ฑํ•˜๋Š”๋ฐ ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„ ์ฐจ์ด์—์„œ๋„ ๋น„๋กฏ๋œ๊ฑฐ๋ผ๊ณ  ๋ณผ์ˆ˜๋„ ์žˆ์—ˆ๋‹ค. ๋ฏธ๋ฆฌ ์™„์„ฑ๋œ HTML ์„ ํ™”๋ฉด์— ๋„์šฐ๋Š”๊ฑด ์–ผ๋งˆ ๊ฑธ๋ฆฌ์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์ด๋‹ค!

์•„๋ž˜๋Š” ๋‚ด๊ฐ€ ๋ฐœํ‘œ๋ฅผ ์ค€๋น„ํ•˜๋ฉด์„œ ์ฃผ๊ฐ„ ํ•™์Šต ํ”ผ๋“œ๋ฐฑ์— ์“ด ๋‚ด์šฉ ์ค‘ ์ผ๋ถ€์ด๋‹ค!

 

 

Q1. ์ด๋ฒˆ์ฃผ์— ์ƒˆ๋กญ๊ฒŒ ํ•™์Šตํ•œ ๋‚ด์šฉ ์ค‘ ๊ฐ€์žฅ ๊ธฐ์–ต์— ๋‚จ๋Š” ๊ฒƒ์€ ๋ฌด์—‡์ธ๊ฐ€์š”? ํ•ด๋‹น ๋‚ด์šฉ์„ ๋ฌธ์ œ ํ•ด๊ฒฐ์— ์–ด๋–ป๊ฒŒ ์ ์šฉํ–ˆ๋‚˜์š”?

 

์ด๋ฒˆ ์ฃผ์— ์ƒˆ๋กญ๊ฒŒ ํ•™์Šตํ•œ ๋‚ด์šฉ ์ค‘ ๊ฐ€์žฅ ๊ธฐ์–ต์— ๋‚จ๋Š” ๊ฒƒ์€ SSR(Server-Side Rendering)๊ณผ SPA(Single Page Application)์˜ ์ฐจ์ด์ž…๋‹ˆ๋‹ค. ๊ธฐ์กด์—๋Š” ๋‹จ์ˆœํžˆ SSR์€ ์„œ๋ฒ„์—์„œ HTML์„ ๋งŒ๋“ค์–ด ๋‚ด๋ ค์ฃผ๊ณ , SPA๋Š” ํด๋ผ์ด์–ธํŠธ์—์„œ ํ™”๋ฉด์„ ๊ทธ๋ฆฐ๋‹ค๋Š” ์ •๋„๋งŒ ์•Œ๊ณ  ์žˆ์—ˆ๋Š”๋ฐ, ์ด๋ฒˆ ํ•™์Šต์„ ํ†ตํ•ด ๊ณ ์ „์ ์ธ SSR๊ณผ ํ˜„๋Œ€์ ์ธ React/Vue ๊ธฐ๋ฐ˜ SSR์˜ ์ฐจ์ด๋ฅผ ๋ช…ํ™•ํžˆ ์ดํ•ดํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ณ ์ „์ ์ธ SSR์€ PHP, JSP, Django์ฒ˜๋Ÿผ ์„œ๋ฒ„ ํ…œํ”Œ๋ฆฟ ์—”์ง„์„ ์‚ฌ์šฉํ•ด ์™„์„ฑ๋œ HTML์„ ๋‚ด๋ ค์ฃผ๋Š” ๋ฐฉ์‹์œผ๋กœ, ๋ณ„๋„์˜ ๋ฒˆ๋“ค๋ง ๊ณผ์ •์ด ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด ํ˜„๋Œ€์ ์ธ SSR์€ Next.js, Nuxt.js ๊ฐ™์€ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋™์ผํ•œ ์ปดํฌ๋„ŒํŠธ ์ฝ”๋“œ๋ฅผ ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ์—์„œ ๋ชจ๋‘ ์‹คํ–‰ํ•˜๊ณ , ํด๋ผ์ด์–ธํŠธ ์ธก์—์„œ๋Š” Hydration ๊ณผ์ •์„ ํ†ตํ•ด ์ด๋ฒคํŠธ์™€ ์ƒํƒœ๋ฅผ ์ด์–ด๋ฐ›์Šต๋‹ˆ๋‹ค. ์ด ๋•Œ๋ฌธ์— ์„œ๋ฒ„ ๋ฒˆ๋“ค๊ณผ ํด๋ผ์ด์–ธํŠธ ๋ฒˆ๋“ค์„ ๋”ฐ๋กœ ๋นŒ๋“œํ•ด์•ผ ํ•˜๊ณ , ๋ฐฐํฌ ๊ณผ์ •๋„ ๋‹จ์ˆœ ์ •์  ํŒŒ์ผ ๋ฐฐํฌ์™€ ๋‹ฌ๋ฆฌ ํ”„๋กœ๋•์…˜ SSR ์„œ๋ฒ„๋ฅผ ์šด์˜ํ•ด์•ผ ํ•œ๋‹ค๋Š” ์ ์„ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ํ•™์Šต์„ ํ”„๋กœ์ ํŠธ์— ์ ์šฉํ•˜๋ฉด์„œ, ๋‹จ์ˆœํžˆ “SSR์€ ์ดˆ๊ธฐ ๋กœ๋”ฉ์ด ๋น ๋ฅด๋‹ค”๋ผ๋Š” ํ”ผ์ƒ์ ์ธ ์ดํ•ด๊ฐ€ ์•„๋‹ˆ๋ผ ์™œ JS ๋ฒˆ๋“ค์ด ์—ฌ์ „ํžˆ ํ•„์š”ํ•œ์ง€, ๊ทธ๋ฆฌ๊ณ  ์–ด๋–ค ๊ฒฝ์šฐ์— SPA ๋ฐฉ์‹์ด ๋” ์ ํ•ฉํ•  ์ˆ˜ ์žˆ๋Š”์ง€๋ฅผ ๊ณ ๋ คํ•˜๊ฒŒ ๋˜์—ˆ๊ณ , ๊ฒฐ๊ณผ์ ์œผ๋กœ ๊ตฌํ˜„ ๋ฐฉ์‹์„ ์„ ํƒํ•  ๋•Œ ์žฅ๋‹จ์ ์„ ๊ท ํ˜• ์žˆ๊ฒŒ ํŒ๋‹จํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ์•ผ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฒˆ ์ฃผ์— ๊ฐ€์žฅ ๊ธฐ์–ต์— ๋‚จ๋Š” ํ•™์Šต ๋‚ด์šฉ์€ SSR๊ณผ CSR์˜ ํ˜ผํ•ฉ ์ „๋žต์— ๋Œ€ํ•œ ์ดํ•ด์˜€์Šต๋‹ˆ๋‹ค. ์ฒ˜์Œ์—๋Š” ์ œ๋Œ€๋กœ ๊ฐœ๋…์„ ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ•˜์ง€ ๋ชปํ•œ์ฑ„๋กœ SSR=MPA, CSR=SPA ๋ผ๊ณ  ๋ง‰์—ฐํ•˜๊ฒŒ ์•Œ๊ณ  ์žˆ์—ˆ์ง€๋งŒ, ์‹ค์ œ๋กœ SSR ๊ธฐ๋ฐ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌํ˜„ํ•˜๋ฉด์„œ ์ด ๊ตฌ๋ถ„์ด ์ ์  ๋ฌด๋„ˆ์ง€๊ณ  ์žˆ์Œ์„ ์ฒด๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค. ํ˜„๋Œ€ ์›น์—์„œ๋Š” ํŽ˜์ด์ง€ ๋‹จ์œ„, ์‹ฌ์ง€์–ด ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ๋„ SSR๊ณผ CSR์„ ํ˜ผํ•ฉํ•ด ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ด ๊ฐ€์žฅ ํฐ ๊นจ๋‹ฌ์Œ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

์ „ํ†ต์ ์ธ SSR/MPA์—์„œ๋Š” API๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์„œ๋ฒ„๊ฐ€ DB๋ฅผ ์กฐํšŒํ•ด ์™„์„ฑ๋œ HTML(View+Model)์„ ๋‚ด๋ ค์ฃผ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋™์  ์ƒํ˜ธ์ž‘์šฉ์ด ์ถ”๊ฐ€๋˜๋ฉด Ajax ์š”์ฒญ์ด ํ•„์ˆ˜๋กœ ๋“ฑ์žฅํ•ฉ๋‹ˆ๋‹ค. ์ข‹์•„์š”, ๋Œ“๊ธ€, ๋ถ๋งˆํฌ์™€ ๊ฐ™์€ ๊ธฐ๋Šฅ์„ ์ฒ˜๋ฆฌํ•˜๋ ค๋ฉด ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„์™€ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›์•„์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ์ด๋ฅผ ์ง์ ‘ ๊ตฌํ˜„ํ•˜๋ฉฐ “SSR๋งŒ์œผ๋กœ๋Š” ๋™์  UI๋ฅผ ๊ฐ๋‹นํ•˜๊ธฐ ์–ด๋ ต๊ณ , ๊ฒฐ๊ตญ API๋ฅผ ์ค‘์‹ฌ์œผ๋กœ ํ•œ CSR ์ „๋žต์ด ๋ถˆ๊ฐ€ํ”ผํ•˜๋‹ค”๋Š” ์‚ฌ์‹ค์„ ์‹ค๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค.

 

๋˜ ํ•˜๋‚˜ ์ธ์ƒ์ ์ด์—ˆ๋˜ ์ ์€ ๋ Œ๋”๋ง ์ „๋žต์„ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ „์ฒด๊ฐ€ ์•„๋‹ˆ๋ผ ํŽ˜์ด์ง€ ๋‹จ์œ„๋กœ ๊ณ ๋ฏผํ•ด์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์ •์  ์„ฑ๊ฒฉ์ด ๊ฐ•ํ•œ ํŽ˜์ด์ง€(๊ณต์ง€, ์†Œ๊ฐœ, ๋ฌธ์„œ)๋Š” SSR๋กœ ์ฒ˜๋ฆฌํ•˜๋ฉด SEO์™€ ์ดˆ๊ธฐ ๋กœ๋”ฉ ์†๋„๋ฅผ ์ตœ์ ํ™”ํ•  ์ˆ˜ ์žˆ๊ณ , ๋ฐ˜๋Œ€๋กœ ๋Œ“๊ธ€์ด๋‚˜ ์ข‹์•„์š”์ฒ˜๋Ÿผ ์ƒํ˜ธ์ž‘์šฉ์ด ๋งŽ์€ ํŽ˜์ด์ง€๋Š” CSR๋กœ ์ฒ˜๋ฆฌํ•ด์•ผ ๋ฐ˜์‘์„ฑ์ด ์ข‹์•„์ง‘๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ์„ฑ๊ฒฉ์— ๋งž๊ฒŒ ์ „๋žต์„ ๋‚˜๋ˆŒ ๋•Œ ๋น„๋กœ์†Œ ์œ ์—ฐํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ์™„์„ฑ๋ฉ๋‹ˆ๋‹ค.

์ด ๋ฐฐ์›€์„ ๋ฌธ์ œ ํ•ด๊ฒฐ์— ์ ์šฉํ•˜์—ฌ ๋ชจ๋“  ํŽ˜์ด์ง€๋ฅผ ๋™์ผํ•˜๊ฒŒ SSR/CSR๋กœ ๊ณ ์ •ํ•˜๋Š” ๋Œ€์‹ , ๊ฐ ํŽ˜์ด์ง€์˜ ํŠน์„ฑ์„ ๊ธฐ์ค€์œผ๋กœ ๋ฆฌํŒฉํ† ๋ง ๋ฐฉํ–ฅ์„ ์žก์•˜์Šต๋‹ˆ๋‹ค. ํŠนํžˆ “ํŽ˜์ด์ง€ ์ „ํ™˜๋„ ๋™์  UI๋กœ ๋ณผ ์ˆ˜ ์žˆ๋Š”๊ฐ€?”๋ผ๋Š” ์งˆ๋ฌธ์„ ๋˜์ง€๋ฉฐ, ์ตœ์ดˆ 1ํšŒ SSR ์ดํ›„์—๋Š” ์‚ฌ์‹ค์ƒ SPA์ฒ˜๋Ÿผ CSR ์ค‘์‹ฌ์œผ๋กœ ์šด์˜ํ•  ์ˆ˜๋„ ์žˆ์Œ์„ ๊นจ๋‹ฌ์•˜์Šต๋‹ˆ๋‹ค. ๊ฒฐ๊ตญ ์ด๋ฒˆ ํ•™์Šต์„ ํ†ตํ•ด ๋‹จ์ˆœํžˆ ๊ธฐ์ˆ  ๊ฐœ๋…์„ ์•„๋Š” ๋ฐ ๊ทธ์น˜์ง€ ์•Š๊ณ , ์‹ค์ œ ์š”๊ตฌ์‚ฌํ•ญ๊ณผ ๊ตฌ์กฐ์— ๋งž๊ฒŒ ์ „๋žต์„ ์„ ํƒํ•˜๊ณ  ์ ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์ค‘์š”ํ•œ ์—ญ๋Ÿ‰์ด๋ผ๋Š” ์ ์„ ๊นจ๋‹ฌ์€ ๊ฒƒ์ด ๊ฐ€์žฅ ํฐ ์„ฑ๊ณผ์˜€์Šต๋‹ˆ๋‹ค.

 

๊ทธ๋ฆฌ๊ณ  ์ด ๋ชจ๋“  ๊ณผ์ •์—์„œ ๊ทธ ๋ฌด์—‡๊ณผ๋„ ๋Œ€์ฒดํ•  ์ˆ˜ ์—†๋Š” ๊ธฐ์ˆ ์ ์ธ ํ† ๋Œ€ ์ง€์‹์ด ๋‹จ๋‹จํ•ด์กŒ๋‹ค ๊ณ  ๋А๊ผˆ๋‹ค. ํŠนํžˆ ๋‚ด๊ฐ€ ๋ฌด์–ธ๊ฐ€๋ฅผ ์ œ๋Œ€๋กœ ์„ค๋ช…ํ•˜๊ธฐ ์œ„ํ•ด์„œ ํ•™์Šตํ–ˆ๋˜ ์ง€์‹๋“ค์€ ๊ธฐ์–ต์— ์ •๋ง ์˜ค๋ž˜ ๋‚จ๊ณ , ๋‹จ์ˆœ ์•”๊ธฐ๊ฐ€ ์•„๋‹ˆ๋ผ '์ดํ•ด' ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•œ ์ง€์‹์€ ์‰ฝ๊ฒŒ ํœ˜๋ฐœ๋˜์ง€ ์•Š๋Š”๊ตฌ๋‚˜ ๋А๋ผ๊ฒŒ ๋˜์—ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ด ๊ทผ๊ฐ„์ด ๋˜๋Š” ์ง€์‹๋“ค์€ ์ถ”ํ›„ ๋‚ด๊ฐ€ Hydration ๊ฐ™์€ ์–ด๋ ค์šด ๊ฐœ๋…์„ ์ œ๋Œ€๋กœ, ๊ทธ๋ฆฌ๊ณ  ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์›€์„ ์ฃผ์—ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๋งค์ฃผ ๊ทธ๋ฃน์ด ๋ฐ”๋€” ๋•Œ "์„œ์—ฐ๋‹˜ ํ˜น์‹œ ๋ฐœํ‘œํ•˜์‹œ์ง€ ์•Š์œผ์…จ๋‚˜์š”?" ํ•˜๊ณ  ์•Œ์•„๋ด์ฃผ์‹œ๊ธฐ๋„ ํ•˜๊ณ , "๋ฐœํ‘œ ๋„ˆ๋ฌด ์ข‹์•˜๋‹ค", "๋ฐœํ‘œ ์œ ์ตํ–ˆ๋‹ค. ์ž˜๋“ค์—ˆ๋‹ค" ๊ณ  ํ•ด์ฃผ์…”์„œ ์ •๋ง ๊ฐ์‚ฌํ•˜๊ณ  ๋ฟŒ๋“ฏํ•œ ์ˆœ๊ฐ„์ด์—ˆ๋‹ค. โ˜บ๏ธ๐Ÿ’“

๊ทธ๋ฃน ์Šคํ”„๋ฆฐํŠธ

๊ทธ๋ฃน ์Šคํ”„๋ฆฐํŠธ ๋•Œ๋Š” 4๋ช…์˜ ํŒ€์›๋“ค๊ณผ ํ•จ๊ป˜ <์›น ๊ธฐ๋ฐ˜ ๋‹ค์ค‘ ์‚ฌ์šฉ์ž OS> ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.
์ฃผ์ œ๋„ ์ •๋ง ํฅ๋ฏธ๋กœ์›Œ์„œ ์‹œ๊ฐ„ ๊ฐ€๋Š” ์ค„๋„ ๋ชจ๋ฅด๊ณ  ํ•˜๋ฃจ์ข…์ผ ๊ฐœ๋ฐœ์— ๋ชฐ์ž…ํ–ˆ๋˜ ๊ธฐ์–ต์ด ๋‚œ๋‹ค. ํ™€๋ฆฐ๋“ฏ์ด(?) ์ค‘๋…๋˜์„œ ๊ฐœ๋ฐœ์„ ํ–ˆ์—ˆ๋‹ค. ํŠนํžˆ ๋‚˜๋Š” ๋‚ด๊ฐ€ ๋งŒ๋“œ๋Š” ํ”„๋กœ๋•ํŠธ๊ฐ€ ์ข‹์€ ๋””์ž์ธ+UX ๋ฅผ ๊ฐ€์ง€๋„๋ก ํ•˜๊ณ  ์‹ถ์€ ์š•์‹ฌ์ด ์žˆ์—ˆ๋Š”๋ฐ(๋‚˜๋Š” ์˜ˆ์œ๊ฑธ ๊ฐœ๋ฐœํ•˜๋ฉด ์ƒ์‚ฐ์„ฑ๊ณผ ๋ชฐ์ž…๋„๊ฐ€ ์˜ค๋ฅธ๋‹ค?), ๊ทธ๋ž˜์„œ Figma ๊ธฐ๋ฐ˜์œผ๋กœ Mac OS ์Šคํƒ€์ผ์˜ ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์Šค์Šค๋กœ ๋””์ž์ธํ•ด์„œ ๋งŒ๋“ค์—ˆ๋‹ค.

 

๊ทธ ๊ฒฐ๊ณผ ๋””์ž์ธ๊ณผ ๋˜‘๊ฐ™์ด ๊ตฌํ˜„ํ•ด์ฃผ์‹œ๋Š” ๊ธˆ์† ํ”„๋ก ํŠธ์—”๋“œ ๋Šฅ๋ ฅ์ž ํŒ€์›๋ถ„๋“ค ๋•๋ถ„์— ์›ํ•˜๋Š” ๋А๋‚Œ์˜ ๋””์ž์ธ๊ณผ UX ๋ฅผ ์ง€๋‹Œ ํ”„๋กœ๋•ํŠธ๋ฅผ ๊ตฌํ˜„ํ•ด๋‚ผ ์ˆ˜ ์žˆ์—ˆ๋‹ค. ์‹ฌํ”Œํ•˜๊ณ  ๊ณ ๊ธ‰์ง„ ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๋„ˆ๋ฌด ๋งˆ์Œ์— ๋“ค์—ˆ๊ณ  ์™„์„ฑ๋„ ๋†’์€ ์ œํ’ˆ์„ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋™๊ธฐ๋ถ€์—ฌ๊ฐ€ ๋” ์ƒ๊ฒผ๋‹ค.

 

https://github.com/boostcampwm2025/web11-web-os-emulation

 

 

์œˆ๋„์šฐ ๋ถ€ํŒ…๋ถ€ํ„ฐ ๋‹ค์ค‘ ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•œ ์‹ค์‹œ๊ฐ„ ์ปค์„œ+์œˆ๋„์šฐ ๋™๊ธฐํ™”, ํ„ฐ๋ฏธ๋„ ๋ช…๋ น์–ด๊นŒ์ง€ ์‹ค์ œ OS ์˜ ๋™์ž‘ ์›๋ฆฌ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์›น์—์„œ๋„ ์œ ์‚ฌํ•œ ๋™์ž‘์„ ๊ตฌํ˜„ํ•˜๊ณ ์ž ์• ์ผ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.

 

์‚ฌ์‹ค OS ์ฒ˜๋Ÿผ ๋ณต์žกํ•œ ๋„๋ฉ”์ธ์˜ ๊ธฐ์ˆ ์  ์‹œ์Šคํ…œ์€ ์„ค๊ณ„ ~ ๊ตฌํ˜„ ํ•ด๋ณด๋Š” ๊ฒƒ์€ ์ฒ˜์Œ์ด์—ˆ๋‹ค.
๊ทธ๋งŒํผ ์ดˆ๊ธฐ ์•„ํ‚คํ…์ฒ˜ ๊ตฌ์กฐ๋ฅผ ํ•œ๋ฒˆ์— ์„ค๊ณ„ํ•˜๋Š” ๊ฒƒ์ด ์–ด๋ ต๋‹ค๋Š” ๊ฒƒ์ด๋‹ค.

 

๋ชจ๋‘๊ฐ€ ์ž˜ ๋ชจ๋ฅด๋Š” ์ƒํ™ฉ์—์„œ ์ฒ˜์Œ์— ์™„๋ฒฝํ•œ ์„ค๊ณ„๋ฅผ ํ•˜๊ธฐ๋ž€ ์–ด๋ ค์šด๋ฐ, ํ•˜์ง€๋งŒ ์ฒ˜์Œ ์„ค๊ณ„๋ฅผ ์ž˜๋ชป ํ•ด๋†“์œผ๋ฉด ์ ์  ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ ์–ด๋ ค์šด ๊ตฌ์กฐ๊ฐ€ ๋งŒ๋“ค์–ด์ง€๊ฑฐ๋‚˜ ๋Šฆ์œผ๋ฉด ๊ธฐ์ˆ  ๋ถ€์ฑ„๊ฐ€ ์Œ“์—ฌ์„œ ๋” ์ด์ƒ ๋Œ์ดํ‚ค๊ฑฐ๋‚˜ ๋ณ€๊ฒฝํ•˜๊ธฐ ์–ด๋ ค์›Œ์งˆ์ˆ˜๋„ ์žˆ๋Š” ์ƒํ™ฉ์ด์—ˆ๋‹ค.

๊ทธ๋ž˜์„œ ๋‚˜๋Š” ๊ตฌ์กฐ์  ๊ฐœ์„ ์„ ์œ„ํ•ด์„œ ๊ธฐ์กด ์•„ํ‚คํ…์ฒ˜์˜ ๋ฌธ์ œ์ ์„ ๋ฐœ๊ฒฌํ•˜๊ณ , ๋” ๋‚˜์€ ์•„ํ‚คํ…์ฒ˜ ๊ตฌ์กฐ๋ฅผ ์ œ์•ˆํ•˜๋Š” ๊ธ€์„ ์ž‘์„ฑํ–ˆ๋‹ค.
๊ทธ ๊ณผ์ •์—์„œ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์‹œ๊ฐ์  ์ž๋ฃŒ์™€ ๊ตฌ์กฐ๋„๋ฅผ ์ ๊ทน์ ์œผ๋กœ ํ™œ์šฉํ–ˆ๋‹ค.

 

 

https://github.com/boostcampwm2025/web11-web-os-emulation/discussions/40

 

 

๊ทธ๋ฆฌ๊ณ  ๋‹ค์ค‘ ์‚ฌ์šฉ์ž ๊ธฐ๋Šฅ์„ ์–ด๋–ค ์‹์œผ๋กœ ์ง€์›ํ•  ๊ฒƒ์ธ์ง€? ๋ชจํ˜ธํ•œ ์ง€์ ์— ๋Œ€ํ•ด์„œ๋„ ๊ธฐํš๊ณผ ๊ธฐ์ˆ ์  ์„ค๊ณ„๊ฐ€ ๋งž๋ฌผ๋ ค ์žˆ๋Š” ์ง€์ ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ๊ธ€๋กœ์„œ ํ’€์–ด๋‚ด๊ณ , ํŒ€์›๋“ค์˜ ๊ณตํ†ต ํ•ฉ์˜๋ฅผ ์ด๋Œ์–ด๋‚ด๊ณ ์ž ํ–ˆ๋‹ค.

https://github.com/boostcampwm2025/web11-web-os-emulation/discussions/63

๊ทธ

๋ฃน ์Šคํ”„๋ฆฐํŠธ์—์„œ๋Š” ๋ณต์žกํ•˜๊ณ  ์–ด๋ ค์šด OS ์›๋ฆฌ ๊ธฐ๋ฐ˜ SW ๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  ๊ตฌํ˜„ํ•˜๋ฉด์„œ, ํŒ€์›๋“ค์—๊ฒŒ ๋ณต์žกํ•œ ์‹œ์Šคํ…œ์— ๋Œ€ํ•œ ์„ค๊ณ„์™€ ๊ธฐ๋Šฅ ๊ตฌํ˜„ ๋ฐฉ์‹์„ ๊ธ€๊ณผ ๋ง๋กœ ๋ช…๋ฃŒํ•˜๊ฒŒ ์ •๋ฆฌํ•˜๊ณ  ํ‘œํ˜„ํ•˜๋Š” ์—ฐ์Šต์„ ํ•˜๋ฉด์„œ ์ „๋‹ฌ๋ ฅ๊ณผ ์˜์‚ฌ์†Œํ†ต ๋Šฅ๋ ฅ์„ ์ •๋ง ๋งŽ์ด ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค!

์•„๋ž˜๋Š” 3์ฃผ๋™์•ˆ ํ•จ๊ป˜ ๊ทธ๋ฃน ์Šคํ”„๋ฆฐํŠธ๋ฅผ ์ง„ํ–‰ํ•œ ํŒ€์›๋ถ„๋“ค์ด ๋‚จ๊ฒจ์ค€ ๋™๋ฃŒ ํ”ผ๋“œ๋ฐฑ์ด๋‹ค ๐Ÿฅน๐Ÿ’™ ์ •๋ง ์ข‹์€ ๋ง๋“ค์„ ๊ฐ€๋“์จ์ฃผ์…”์„œ ๋‘๊ณ ๋‘๊ณ  ์ฝ์—ˆ๋˜ ๊ธฐ์–ต์ด ๋‚œ๋‹ค.. ์šฐ๋ฆฌ ํŒ€์›๋ถ„๋“ค์ด ๋‹ค๋“ค ๋Šฅ๋ ฅ๋„ ์ •๋ง ๋›ฐ์–ด๋‚˜์‹œ๊ณ  ๊ฒฝ์ฒญ๋„ ์ž˜ํ•ด์ฃผ์‹œ๊ณ  ๋ฐฐ๋ ค์‹ฌ๋„ ๊นŠ์–ด์„œ ๋‹ค๊ฐ™์ด ์ข‹์€ ๊ฒฐ๊ณผ๋ฌผ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค!!!

๋น„๋ก ์ข‹์€ ํŒ€ ๋ถ„์œ„๊ธฐ๊ฐ€ ์ข‹์€ ๊ฒฐ๊ณผ์™€ ์ง๊ฒฐ๋˜๋Š” ๊ฒƒ์€ ์•„๋‹ˆ์ง€๋งŒ, ์ ์–ด๋„ ์œ ์˜๋ฏธํ•œ ์ƒ๊ด€๊ด€๊ณ„๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ํŽธ์ด๋‹ค. ๊ฒฐ๊ตญ ์ง„์ •ํ•œ ํŒ€์›Œํฌ๋Š” ๊ฐ•ํ•œ '์‹ ๋ขฐ'๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋งŒ๋“ค์–ด์ง„๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ธฐ ๋•Œ๋ฌธ์—,ํŒ€์›๋ถ„๋“ค์—๊ฒŒ๋„ ํ•ญ์ƒ ๋ฏฟ์„ ์ˆ˜ ์žˆ๋Š” ํƒœ๋„๋กœ ์ผ๊ด€์„ฑ ์žˆ๊ฒŒ ํ–‰๋™ํ•˜๊ณ ์ž ๋…ธ๋ ฅํ–ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค!
๋‚˜๋Š” ํŒ€์›๋ถ„๋“ค์˜ ์„ธ์„ธํ•œ ๊ฐ์ •๋ณ€ํ™”๋ฅผ ์ž˜ ์•Œ์•„์ฐจ๋ฆฌ๊ณ  ์ตœ๋Œ€ํ•œ ํŒ€์›๋“ค์˜ ์˜๊ฒฌ์„ ์ž˜ ๊ฒฝ์ฒญํ•˜๊ณ  ์กด์ค‘๊ณผ ๋ฐฐ๋ ค ๊ธฐ๋ฐ˜์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ํ•˜๋Š” ๊ฒƒ์„ ์ค‘์š”์‹œํ•˜๊ณ  ์šฐ์„ ์‹œํ–ˆ๋‹ค.

์š”๊ตฌ์‚ฌํ•ญ์„ ๊นŠ์ด ์ƒ๊ฐํ•˜๊ณ  ํŒ€์˜ ๋ฐœ์ „์„ ์œ„ํ•ด ๋…ธ๋ ฅํ•œ๋‹ค๋Š” ๋А๋‚Œ์„ ๋ฐ›์•˜์–ด์š”.
๋จผ์ € ๋‚˜์„œ์„œ ๋ฌธ์ œ ์ƒํ™ฉ์„ ํ•ด๊ฒฐํ•˜๊ณ ์ž ํ•˜์‹œ๊ณ  ํ”„๋กœ์ ํŠธ๊ฐ€ ์›ํ™œํžˆ ์ง„ํ–‰๋  ์ˆ˜ ์žˆ๋„๋ก ํŒ€์„ ์ด๋„์‹œ๋Š” ๋ชจ์Šต์ด ์ธ์ƒ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค.
๋ฌธ์ œ ์ƒํ™ฉ์ด ์žˆ๋‹ค๋ฉด ๊ทธ ๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์„์ง€ ๋‹ค์–‘ํ•œ ์•„์ด๋””์–ด๋ฅผ ๋„์ถœํ•ด๋‚ด๊ณ  ์ด๋ฅผ ์Šค์Šค๋กœ ๊ฒฐ๋ก ๋‚ด๋ฆฌ๊ธฐ๋ณด๋‹จ ๋™๋ฃŒ๋“ค๊ณผ ํ•จ๊ป˜ ์˜๋…ผํ•ด ์„ ํƒํ•˜๊ณ ์ž ํ•˜๋Š” ๋ชจ์Šต๋„ ์ข‹์•˜์–ด์š”.
์Šค์Šค๋กœ ๊ฒฐ๋ก ์„ ๋‚ด๋ฆฌ๋‹ค๋ณด๋ฉด ์–ด๋–ค ๊ณผ์ •์œผ๋กœ, ์–ด๋–ค ์ƒ๊ฐ์œผ๋กœ ๊ฒฐ๋ก ์ด ๋‚œ๊ฒƒ์ธ์ง€, ์–ด๋–ค ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•œ๊ฑด์ง€ ์ดํ•ดํ•˜๊ธฐ ํž˜๋“œ๋‹ˆ๊นŒ์š”.
๋‹ค์–‘ํ•œ ๋ชจ์Šต์—์„œ ํ˜‘์—… ๋Šฅ๋ ฅ์ด ์ข‹๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์–ด์š”.

์„œ์—ฐ๋‹˜์€ ์–ด๋–ค ์˜๊ฒฌ์ด๋ผ๋„ ์ž˜ ๊ฒฝ์ฒญํ•ด์ฃผ์‹œ๊ณ  ๋„ˆ๋ฌด ์ž˜ ๋ฐ˜์‘ํ•ด์ฃผ์…”์„œ ๋งํ•˜๋Š” ์‚ฌ๋žŒ์—๊ฒŒ๋„ ๊ณ„์† ๋งํ•˜๊ณ  ์‹ถ๊ฒŒ ๋งŒ๋“œ๋Š” ๋Šฅ๋ ฅ์ด ์žˆ๋Š” ๊ฒƒ ๊ฐ™์•„์š”. ๊ฒฝ์ฒญ ํ›„ ์„œ์—ฐ๋‹˜๋งŒ์˜ ์˜๊ฒฌ์„ ์ œ์•ˆํ•ด์ฃผ์‹œ๊ธฐ๋„ ํ•ด์„œ ์งˆ๋ฌธ-๋‹ต๋ณ€-์ œ์•ˆ ์ผ๋ จ์˜ ๊ณผ์ •์ด ์ •๋ง ์ข‹์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ๊นŒ์ง€ ๋งŒ๋‚œ ์บ ํผ๋“ค ์ค‘ ๊ฐ€์žฅ ๊ฒฝ์ฒญ์„ ์ž˜ ํ•ด์ฃผ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์šฐ๋ฆฌํŒ€์—์„œ ๊ฐ€์žฅ ๋šœ๋ ทํ•œ ์ฃผ๊ด€์„ ๊ฐ€์กŒ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ €๋Š” ์ œ ๋ถ„์•ผ์— ๋Œ€ํ•ด์„œ๋งŒ ์ฃผ๊ด€์„ ๊ฐ€์ง€๊ณ  ๊ตฌํ˜„/์„ค๊ณ„ ํ•˜๊ธฐ๋„ ๋ฐ”์œ๋ฐ ์„œ์—ฐ๋‹˜์€ ํŒ€์„ ์œ„ํ•œ ์ค‘์š”ํ•œ ๊ฒฐ์ •์‚ฌํ•ญ๋“ค์„ ๋จผ์ € ๋‚˜์„œ์„œ ์ƒ๊ฐ ํ›„ ๋ง์”€ํ•ด์ฃผ์‹ญ๋‹ˆ๋‹ค. ์ •๋ง ์ง„์ •ํ•œ ํŒ€ ํ”Œ๋ ˆ์ด์–ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‹ค๋ณด๋‹ˆ ์ €๋„ ๋ชจ๋ฅด๊ฒŒ ์„œ์—ฐ๋‹˜๊ป˜ ๋ชจ๋“  ๋ฌธ์ œ๋“ค์„ ์˜์ง€ํ•˜๊ฒŒ ๋˜๋Š” ๊ฒฝํ–ฅ์ด ์ƒ๊ธฐ๋Š” ๊ฒƒ ๊ฐ™์•„ ์ฃ„์†ก์Šค๋Ÿฝ๋„ค์š”... ์ €๋Š” ์„œ์—ฐ๋‹˜์ฒ˜๋Ÿผ ์˜ˆ์˜๋ฐ”๋ฅด๊ณ  ๋ฐฐ๋ ค์‹ฌ์ด ๋งŽ์€ ์Šคํƒ€์ผ์ด ์•„๋‹ˆ๋ผ์„œ, ์„œ์—ฐ๋‹˜์„ ๋ณด๋ฉด ๋ณผ์ˆ˜๋ก ์ •๋ง ์˜ˆ์˜์™€ ๋ฐฐ๋ ค์‹ฌ์ด ๋„˜์นœ๋‹ค๊ณ  ์ƒ๊ฐ์ด ๋“ญ๋‹ˆ๋‹ค... ์ •๋ง ์ตœ๊ณฑ๋‹ˆ๋‹ค...

์„œ์—ฐ๋‹˜๊ป˜์„œ๋Š” ๋ฌผ๋ก  ์ฝ”๋“œ ์ž‘์„ฑ๋“ฑ์˜ ์ž‘์—…๋„ ๋Šฅ์ˆ™ํ•˜์‹œ์ง€๋งŒ, ํ˜‘์—…์— ์žˆ์–ด ํ•ญ์ƒ ๊ฐ€์žฅ ๋จผ์ € ๋‚˜์„œ์‹œ๊ณ  ์ƒ๊ฐํ•ด๋ณผ๋งŒํ•œ ์ฃผ์ œ๋ฅผ ๊ณ„์† ๋˜์ ธ์ฃผ์‹œ๋Š” ๋ถ„์ด๋ผ ํ•จ๊ป˜ ์ผํ•˜๋Š” ๋™๋ฃŒ๋กœ์„œ ๊ต‰์žฅํžˆ ์ ํ•ฉํ•˜๋‹ค๊ณ  ๋А๊ผˆ์Šต๋‹ˆ๋‹ค. ๋˜ ํ•ญ์ƒ ์ƒ๋Œ€๋ฅผ ๋ฐฐ๋ คํ•ด์ฃผ๊ณ  ์กด์ค‘ํ•ด์ฃผ๋Š” ํƒœ๋„๋ฅผ ์ทจํ•˜์‹œ๊ณ  ํ•จ๊ป˜ ํšŒ์˜๋ฅผ ํ•˜๋ฉด ๊ทธ ํšŒ์˜์˜ ์งˆ๊ณผ ๋ถ„์œ„๊ธฐ๊ฐ€ ํ•œ์ธต ์˜ฌ๋ผ๊ฐ€๋Š” ๋А๋‚Œ์ด ๋“ค์–ด ์ด 3์ฃผ๋™์•ˆ ์ •๋ง ์ธ์ƒ๊นŠ์—ˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ๊ฐœ์ธ์ ์œผ๋กœ ์ด๋Ÿฐ ๋Šฅ๋ ฅ์ด ํ˜‘์—…์— ์žˆ์–ด, ๊ทธ๋ฆฌ๊ณ  ํŒ€์— ์žˆ์–ด ๊ฐ€์žฅ ์ค‘์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ธฐ์— ์ด๋Ÿฐ ์Šคํƒ ์Šค๋ฅผ ๊ณ„์† ๊ฐ€์ ธ๊ฐ€์‹ ๋‹ค๋ฉด ๋ถ„๋ช… ์–ด๋””์„œ๋“  ํ™˜์˜๋ฐ›๋Š” ์‚ฌ๋žŒ์ด ๋  ๊ฒƒ์ด๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.


์ €ํฌ ํŒ€ ์ „์ฒด๊ฐ€ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ ์„œ์—ฐ๋‹˜๊ป˜ ์ •๋ง ํฐ ๋„์›€์„ ๋ฐ›์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ถ„๋ช… ๋ฆฌ๋”๋ฅผ ์ •ํ•˜์ง€ ์•Š๊ณ  ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ์ž„์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ , ์˜ค๋Š˜ ๋งˆ์Šคํ„ฐ ํด๋ž˜์Šค์—์„œ ์–ธ๊ธ‰๋œ ๊ฒƒ์ฒ˜๋Ÿผ '๊ฐ€์žฅ ์ž˜ ํ•˜๋Š” ์‚ฌ๋žŒ์ด ๊ฐ€์žฅ..' ์— ํ•ด๋‹นํ•˜๋Š”, ์–ด๋–ค ๋ฆฌ๋” ์—ญ์„ ์•ž์žฅ์„œ์…” ๋งก์•„์ฃผ์…”์„œ ํŒ€์›์œผ๋กœ์จํฌ ํŒ€ ์ „์ฒด๊ฐ€ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ ์„œ์—ฐ๋‹˜๊ป˜ ์ •๋ง ํฐ ๋„์›€์„ ๋ฐ›์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ถ„๋ช… ๋ฆฌ๋”๋ฅผ ์ •ํ•˜์ง€ ์•Š๊ณ  ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ์ž„์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ , ์˜ค๋Š˜ ๋งˆ์Šคํ„ฐ ํด๋ž˜์Šค์—์„œ ์–ธ๊ธ‰๋œ ๊ฒƒ์ฒ˜๋Ÿผ '๊ฐ€์žฅ ์ž˜ ํ•˜๋Š” ์‚ฌ๋žŒ์ด ๊ฐ€์žฅ..' ์— ํ•ด๋‹นํ•˜๋Š”, ์–ด๋–ค ๋ฆฌ๋” ์—ญ์„ ์•ž์žฅ์„œ์…” ๋งก์•„์ฃผ์…”์„œ ํŒ€์›์œผ๋กœ์„œ ๊ต‰์žฅํžˆ ํŽธํ–ˆ๊ณ  ๋˜ ๊ทธ๋Ÿฐ ํƒœ๋„์™€ ๊ธฐ์ˆ ์ ์ธ ํ† ๋ก ์„ ์œ„ํ•ด ์ค€๋น„ํ•˜์‹œ๋Š”๊ฑธ ๋ณด๋ฉด์„œ ์ •๋ง ๋งŽ์ด ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. ์•ž์œผ๋กœ๋„ ์„œ์—ฐ๋‹˜๊ฐ™์€ ํŒ€์›์„ ๋งŒ๋‚ฌ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์˜๊ฒฌ์„ ๋…ผ๋ฆฌ์ ์œผ๋กœ ์ž˜ ์„ค๋ช…ํ•˜์‹œ๊ณ , ๋ฌด์ž‘์ • ๋‚ด์„ธ์šฐ๊ธฐ๋ณด๋‹จ ํŒ€์›์„ ์„ค๋“ํ•˜๊ณ ์ž ํ•˜๋Š” ์ , ์„ค๋“ํ•˜์ง€ ๋ชปํ•  ๊ฒฝ์šฐ์—” ํŒ€์›์˜ ์˜๊ฒฌ์„ ์กด์ค‘ํ•˜๋Š” ๋ฐฉ์‹์ด ์ €๋Š” ๋ฐฐ์›Œ์•ผํ•  ์ ์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ์–ด์š”.
์˜ค๋Š˜ ํŠน๊ฐ•์„ ๋“ค์œผ๋ฉด์„œ ์„œ์—ฐ๋‹˜์ด ๋”ฑ ์ ์ ˆํ•œ ํƒœ๋„๋กœ ํ˜‘์—…ํ•œ ๊ฒƒ ๊ฐ™์•„์„œ ์‹ ๊ธฐํ–ˆ์–ด์š”!
๋‹ค๋ฅธ ํŒ€์›์˜ ์˜๊ฒฌ์„ ์นญ์ฐฌํ•˜๋ฉด์„œ ์ž์‹ ์˜ ์˜๊ฒฌ์„ ํ•จ๊ป˜ ์ „๋‹ฌํ•˜๋Š” ๋ฐฉ์‹์ด ์ƒ๋Œ€๋ฐฉ์„ ๋ฐฐ๋ คํ•˜๋Š” ํƒœ๋„์ธ ๊ฒƒ ๊ฐ™์•„์„œ ๋‹ค์Œ ๊ทธ๋ฃน ํ”„๋กœ์ ํŠธ์—์„œ ์ตœ๋Œ€ํ•œ ๋”ฐ๋ผํ•ด๋ณด๋ ค๊ณ  ํ•ด์š”.

์„œ์—ฐ๋‹˜์€ ํ•ญ์ƒ ํŒ€์„ ์œ„ํ•ด ๊ณ ๋ฏผํ•˜์‹œ๋Š” ํŒ€ํ”Œ๋ ˆ์ด์–ด ์ž…๋‹ˆ๋‹ค. ์„œ์—ฐ๋‹˜์˜ ํŒ€์„ ์œ„ํ•œ ํƒœ๋„์™€ ๋…ธ๋ ฅ์€ ์ œ๊ฐ€ ์•ž์œผ๋กœ ํŒ€ํ”„๋กœ์ ํŠธ์—์„œ ์–ด๋–ป๊ฒŒ ์ƒ๊ฐํ•˜๊ณ  ํ–‰๋™ํ•  ๊ฒƒ์ธ์ง€๋ฅผ ๊ฐ„์ ‘์ ์œผ๋กœ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค

๊ทธ๋ฃน ํ”„๋กœ์ ํŠธ

๋Œ€๋ง์˜ ๊ทธ๋ฃน ํ”„๋กœ์ ํŠธ! ์—์„œ๋Š” ์žฅ์žฅ 2์ฃผ + 4์ฃผ์ฐจ์— ๊ฑธ์ณ์„œ
์•ž์„  2์ฃผ๋™์•ˆ์€ ๊ธฐํš๋ถ€ํ„ฐ ๋””์ž์ธ, ๊ธฐ์ˆ  ๊ฒ€์ฆ, MVP ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ–ˆ๊ณ , ๋‚˜๋จธ์ง€ 4์ฃผ๋™์•ˆ์€ ์‹ค์ œ ํ”„๋กœ๋•ํŠธ๋ฅผ ๊ฐœ๋ฐœํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค.
์šฐ๋ฆฌํŒ€์€ <์‹ค์ „๊ณผ ์œ ์‚ฌํ•œ ํ™˜๊ฒฝ์˜ ๋ชจ์˜ ํ‹ฐ์ผ“ํŒ… ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ> ๋ฅผ ์ฃผ์ œํ•˜๊ณ , ๊ฐ™์ด <๊ฐ€์ƒ ๋ฉด์ ‘์œผ๋กœ ๋ฐฐ์šฐ๋Š” ๋Œ€๊ทœ๋ชจ ์‹œ์Šคํ…œ ์„ค๊ณ„> ์ฑ…์œผ๋กœ ์Šคํ„ฐ๋””๋ฅผ ์ง„ํ–‰ํ•˜๋ฉฐ ๋Œ€๊ทœ๋ชจ ํŠธ๋ž˜ํ”ฝ์„ ๊ฒฌ๋”œ ์ˆ˜ ์žˆ๋Š” ์•ˆ์ •์„ฑ ์žˆ๋Š” ์•„ํ‚คํ…์ฒ˜๋ฅผ ์„ค๊ณ„ํ•˜๊ณ ์ž ํ–ˆ๋‹ค.

https://github.com/boostcampwm2025/web10-beastcamp

[GitHub - boostcampwm2025/web10-beastcamp: ์‹ค์ „๊ณผ ๊ฐ€์žฅ ์œ ์‚ฌํ•œ ํ‹ฐ์ผ“ํŒ… ์—ฐ์Šต ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋Š” ๋ฆฌ์–ผ๋ฆฌ์ฆ˜ ํ‹ฐ์ผ“

์‹ค์ „๊ณผ ๊ฐ€์žฅ ์œ ์‚ฌํ•œ ํ‹ฐ์ผ“ํŒ… ์—ฐ์Šต ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋Š” ๋ฆฌ์–ผ๋ฆฌ์ฆ˜ ํ‹ฐ์ผ“ํŒ… ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ. Contribute to boostcampwm2025/web10-beastcamp development by creating an account on GitHub.

github.com](https://github.com/boostcampwm2025/web10-beastcamp)

4. ๊ฐ€์žฅ ํฐ ์„ฑ์žฅ ํฌ์ธํŠธ (ํ•ต์‹ฌ ์„น์…˜ โญ)

์‚ฌ์‹ค ์ด ํšŒ๊ณ ๊ธ€์„ ์ž‘์„ฑํ•˜๊ธฐ ์ „๊นŒ์ง€๋งŒ ํ•ด๋„, ๋ฉค๋ฒ„์‹ญ ๊ณผ์ •์—์„œ, ํŠนํžˆ ๋งˆ์ง€๋ง‰ ๊ทธ๋ฃน ํ”„๋กœ์ ํŠธ์—์„œ๋Š” 100% ๋ฅผ ์Ÿ์ง€ ๋ชปํ•œ ๊ฒƒ ๊ฐ™์•„์„œ, ๋‚ด๊ฐ€ ๋ชฉํ‘œํ–ˆ๋˜ ๊ฒƒ ๋งŒํผ ๋งŽ์ด ์„ฑ์žฅํ•˜์ง€ ๋ชปํ•œ ๊ฒƒ ๊ฐ™์•„์„œ ์•„์‰ฌ์šด ๋ง˜์ด ๋“ค๊ณค ํ–ˆ๋‹ค. ๊ทธ๋ž˜๋„ ๋ถ€์ŠคํŠธ์บ ํ”„ ์ˆ˜๋ฃŒ ์ด์ „๊ณผ ์ดํ›„์˜ ๋ชจ์Šต์„ ๋น„๊ตํ•ด๋ณธ๋‹ค๋ฉด, ํฌ๊ฒŒ ์„ฑ์žฅํ•œ ๋‚ด ์ž์‹ ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

์ฒซ๋ฒˆ์งธ๋กœ, ํ”„๋ก ํŠธ๋ฅผ ๋„˜์–ด์„œ ์›น ๊ฐœ๋ฐœ ์ „๋ฐ˜์ ์ธ ์ง€์‹์„ ์Œ“์„ ์ˆ˜ ์žˆ์—ˆ๋‹ค.

๊ณผ๊ฑฐ์˜ ๋‚˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ํฌ์ง€์…˜์ด๋ผ๋Š” ์ด์œ ๋กœ, db ๋ชจ๋ธ๋ง ๊ตฌ์กฐ๋‚˜ ์„œ๋ฒ„ ๋กœ์ง์ด ์–ด๋–ป๊ฒŒ ๋Œ์•„๊ฐ€๋Š”์ง€์— ๋ฌด์‹ ๊ฒฝํ•˜๊ณ  ๋‹จ์ˆœํžˆ ์„œ๋ฒ„๊ฐ€ ๋‚ด๋ ค์ค€ API ๋ช…์„ธ์„œ๋ฅผ ์ˆ˜๋™์ ์œผ๋กœ ๋ฐ›์•„๋“ค์ด๋Š” ์ž…์žฅ์— ๊ทธ์น˜๊ณค ํ–ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‹ค๋ณด๋‹ˆ ์„œ๋ฒ„์—์„œ ์–ผํ• ๋ณด๊ธฐ์— ์ดํ•ดํ•˜๊ธฐ ํž˜๋“  API ๋ช…์„ธ๋ฅผ ์š”๊ตฌํ•  ๋•Œ๊ฐ€ ์žˆ์–ด๋„, ๊ฐœ์„  ์ œ์•ˆ์„ ํ•  ์ˆ˜๊ฐ€ ์—†์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ด์ œ๋Š” ์„œ๋ฒ„์—์„œ ํด๋ผ์ด์–ธํŠธ ์ธก์˜ ๋ณต์žก๋„๋ฅผ ๋†’์ด๋Š” ๋ช…์„ธ๊ฐ€ ๋“ค์–ด์˜ค๋ฉด, ์ด๋Ÿฌํ•œ ๋ฐฉ๋ฒ•์ด ์ตœ์„ ์ธ์ง€, ๊ธฐ์กด ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ ์„ค๊ณ„์— ๋ฌธ์ œ๋Š” ์—†๋Š”์ง€ ๊ฒ€ํ† ํ•  ์ˆ˜ ์žˆ๋Š” ์•ˆ๋ชฉ์ด ์ƒ๊ฒผ๋‹ค. ๋˜ํ•œ, ์„ฑ๋Šฅ ๋ณ‘๋ชฉ์ด ๋ฐœ์ƒํ–ˆ์„ ๋•Œ, ์ด ๊ฒƒ์ด ํ”„๋ก ํŠธ์—”๋“œ์—์„œ ํ•ด๊ฒฐํ•ด์•ผํ•˜๋Š” ์ด์Šˆ์ธ์ง€, ๋ฐฑ์—”๋“œ์—์„œ N+1 ์ฟผ๋ฆฌ๋ฅผ ๋‚ ๋ฆฌ๊ณ  ์žˆ์–ด์„œ ๋А๋ฆฐ๊ฑด์ง€ ๊ตฌ๋ถ„ํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

๋‘˜์งธ๋กœ, ๋‹ค์†Œ ๋ณต์žกํ•˜๊ฑฐ๋‚˜ ์–ด๋ ค์šด ๋„๋ฉ”์ธ์— ๋Œ€ํ•œ ๊ธฐ์ˆ ์  ์„ค๊ณ„ ๋ฐ ํ˜‘์—… & ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ์—ญ๋Ÿ‰์„ ํ–ฅ์ƒํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. OS ์‹œ์Šคํ…œ ๋“ฑ ์กฐ๊ธˆ ๋” ํฐ ๊ทธ๋ฆผ์—์„œ ์‹œ์Šคํ…œ ๋™์ž‘ ์›๋ฆฌ๋ฅผ ์„ค๊ณ„ํ•˜๊ณ , ์ด๋ฅผ ํŒ€์›๋ถ„๋“ค์—๊ฒŒ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•˜๋Š” ์—ญ๋Ÿ‰์„ ๊ธฐ๋ฅผ ์ˆ˜ ์žˆ์—ˆ๋‹ค. ์ด ๊ณผ์ •์„ ๋ฐ˜๋ณตํ•ด์„œ ์—ฐ์Šตํ•˜๋‹ค๋ณด๋‹ˆ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์ž์‹ ๊ฐ๋„ ์ปค์ง€๊ณ  ํ˜ธ์†Œ๋ ฅ๋„ ์ง™์–ด์กŒ๋‹ค.

๊ธฐ์ˆ ์ ์ธ ์˜์‚ฌ๊ฒฐ์ •์„ ํ•˜๋Š” ํšŒ์˜์—์„œ ์ฃผ๋„์ ์ด๊ณ  ์ ๊ทน์ ์œผ๋กœ ์˜๊ฒฌ์„ ๋‚ด๋‹ค๋ณด๋‹ˆ ‘์—ด์ •์ ์ธ ๋ณ€๋ก ๊ฐ€’ ๋ผ๋Š” ๋ณ„๋ช…๋„ ์–ป์—ˆ๋‹ค ใ…‹ใ…‹ ์‚ฌ์‹ค ๋ถ€์ŠคํŠธ์บ ํ”„ ์ด์ „์˜ ๋‚˜๋Š” ์›๋ž˜ ์—„์ฒญ ๋‚ดํ–ฅ์ ์ด๊ณ  ์กฐ์šฉํ•œ ์„ฑ๊ฒฉ์ด์—ˆ๋Š”๋ฐ..
์ด๋ฒˆ ํŒ€์—์„œ๋Š” ์ ๊ทน์ ์ด๊ณ  ์—ด์ •์ ์ธ ๋ถ„๋“ค๊ณผ ์—ด๋ค ํ† ๋ก ์„ ๋‚˜๋ˆ„๋ฉด์„œ ๋˜๊ฒŒ ๊ณต๊ฒฉ์ ์ธ(?) ์Šคํƒ€์ผ์ด ๋˜์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค..ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ ๊ฐ™์€ ํŒ€์›๋ถ„์ด ์ ์œผ์‹  ํšŒ๊ณ ์— ์ ํžŒ ๋‚ด์šฉ์„ ๋ณด๊ณ , ํฌ๊ฒŒ ๊ณต๊ฐํ•˜๋Š” ๋‚ด์šฉ์ด ๋งŽ์•˜๋‹ค.

์šฐ๋ฆฌํŒ€์˜ ์—”์ง„ ์—ญํ• ์„ ํ•˜์‹œ๋˜ ์„œ์—ฐ๋‹˜!!! ์ €ํฌํŒ€์—์„œ ์„œ์—ฐ๋‹˜์ด ์•ˆ๊ณ„์…จ๋‹ค๋ฉด ์ด์ •๋„๋กœ ์•ž์œผ๋กœ ๋‚˜์•„๊ฐ€์ง„ ๋ชปํ–ˆ์„๊ฒ๋‹ˆ๋‹ค. ์„œ์—ฐ๋‹˜์˜ ์žฅ์ ์€ '์ ๊ทน์„ฑ' ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. '์—ด์ •์ ์ธ ํ† ๋ก ๊ฐ€' ์Šคํƒ€์ผ ๊ฐ™๋‹ฌ๊นŒ์š”? ๊ทธ๋ƒฅ ํ๋ฅด๋Š”๋Œ€๋กœ ์ง€๋‚ ์ˆ˜๋„ ์žˆ์ง€๋งŒ, ๋Š˜ ๋‚ด๊ฐ€ ์ฃผ์ธ์ด๋‹ค ๋ผ๋Š” ๋งˆ์Œ๊ฐ€์ง์œผ๋กœ ์–ด๋Аํ•˜๋‚˜ ์‰ฝ๊ฒŒ ๋‚ด๋ฒ„๋ ค๋‘์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๋•๋ถ„์— ์ €ํฌ๊ฐ€ ๋‹จ์กฐ๋กญ์ง€ ์•Š๊ณ  ๋Š˜ ์ƒ๊ฐํ• ๊ฑฐ๋ฆฌ๊ฐ€ ํ’๋ถ€ํ•œ ํŒ€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ œ๊ฐ€ ์˜ค๋žœ ๊ธฐ๊ฐ„ ์„œ์—ฐ๋‹˜๊ณผ ํ•จ๊ป˜ํ•˜๋ฉด์„œ ์ž์ฃผ ์ƒ๊ฐํ–ˆ๋˜๊ฑด๋ฐ, ๋‚ด๊ฐ€ 'ํŒ€์žฅ' ์ด๋ผ๋ฉด ์„œ์—ฐ๋‹˜ ๋ฌด์กฐ๊ฑด ๋ฝ‘์Šต๋‹ˆ๋‹ค. ์กฐ์ง์— ์ด๋Ÿฐ ์—ด์ •์„ ๊ฐ€์ง„ ์‚ฌ๋žŒ์ด ๋ฐ˜๋“œ์‹œ ํ•„์š”ํ•˜๋‹ˆ๊นŒ์š”. ๊ทธ๋ž˜์„œ ์•ž์œผ๋กœ๋„ ์ด๋Ÿฐ ์„œ์—ฐ๋‹˜์˜ '์ ๊ทน์„ฑ', '์—ด์ •'์„ ๊ฐ€์žฅ ํฐ ๋ฌด๊ธฐ๋กœ ์‚ฌ์šฉํ•˜์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๊ฐ™์ด ์ง€๋‚ด๋ฉฐ ๋งŽ์ด ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. ์ˆ˜๊ณ ํ•˜์…จ์Šต๋‹ˆ๋‹ค.

ํŒ€์›๋ถ„๋“ค์˜ ์˜๊ฒฌ์„ ๊ฐ€์žฅ ๋งŽ์ด, ์ž˜ ๋“ค์–ด์ฃผ์‹ญ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๊ทธ๋งŒํผ ๋ณธ์ธ ์˜๊ฒฌ ํ‘œ์ถœ๋„ ํ™•์‹คํ•˜๊ฒŒ ํ•˜์…”์„œ, ํŒ€ ํšŒ์˜๋‚˜ ํ™œ๋™์ด ๊ธธ์–ด์ ธ์„œ ๋ฃจ์ฆˆํ•ด์งˆ ๋•Œ ๋‹ค์‹œ ํ™œ์„ฑํ™”ํ•˜๋Š” ์—ญํ• ์„ ์ž˜ํ•ด๋‚ด์…จ์Šต๋‹ˆ๋‹ค. ๋งก์œผ์‹  ์ž‘์—…๋„ ์ƒˆ๋ฒฝ ๋Šฆ๊ฒŒ๊นŒ์ง€ ์—ด์‹ฌํžˆ ํ•˜์‹œ๋Š” ๊ฒƒ์ด ๋ณด์˜€์Šต๋‹ˆ๋‹ค!

๋‹ค์–‘ํ•œ ์ž์‹ ์˜ ์˜๊ฒฌ์„ ์ฃผ์žฅํ•ด์ฃผ์‹œ๊ณ  ๋ฌธ์„œํ™”๋„ ์ž˜ ์ž‘์„ฑํ•ด์ฃผ์‹œ๊ณ  ํŠนํžˆ ๋ฐœํ‘œ์ž๋ฃŒ๋ฅผ ๋งŒ๋“œ์‹ค ๋•Œ ์—„์ฒญ ๋Œ€๋‹จํ•˜์‹œ๋‹ค ๋ผ๋Š” ์ƒ๊ฐ์„ ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ •๋ง J042๋‹˜์ด ์—†์œผ์…จ๋‹ค๋ฉด ์ €ํฌ ํŒ€์ด ๋ฐ๋ชจ๋ฅผ ์ œ๋Œ€๋กœ ์ค€๋น„ํ•  ์ˆ˜ ์žˆ์„๊นŒ? ๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค ์ •๋„์˜€์Šต๋‹ˆ๋‹ค. (์•„๋งˆ ์ง€๊ธˆ๊ฐ™์€ ํ€„๋ฆฌํ‹ฐ๊ฐ€ ๋‚˜์˜ค์ง€๋Š” ์•Š์•˜์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.)

ํ”„๋ก ํŠธ๋ž‘ ๋ฐฑ ๋‘ ๋ถ„์•ผ ๋ชจ๋‘์—์„œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์‹œ๊ณ  ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ํ•˜์‹œ๋Š” ๊ฒƒ์„ ๋ณด๊ณ  ์–‘๋ฐฉํ–ฅ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์–ด๊ฐ€์‹œ๋Š” ๊ฒƒ ๊ฐ™์•„ ๋ถ€๋Ÿฝ๊ณ  ๋Œ€๋‹จํ•˜๋‹ค ์ƒ๊ฐํ•˜๊ฒŒ ๋์Šต๋‹ˆ๋‹ค. ํ•ญ์ƒ ์ƒˆ๋ฒฝ๊นŒ์ง€ ๊ณ ์ƒํ•˜์‹œ๋Š”๊ฑธ ๋ณด๋ฉด์„œ ๋งŽ์€ ๋™๊ธฐ๋ถ€์—ฌ๊ฐ€ ๋์Šต๋‹ˆ๋‹ค.

๊ทธ๋ฃนํ”„๋กœ์ ํŠธ๋™์•ˆ ๋ฐœ์‚ฐ์ ์ธ ์‚ฌ๊ณ ์™€ ๋”๋ถˆ์–ด ์‚ฌ์•ˆ์„ ๊นŠ์ด ์žˆ๊ฒŒ ๊ณ ๋ฏผํ•˜์‹œ๋Š” ๋ชจ์Šต์ด ์ธ์ƒ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์Šคํ„ฐ๋””๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ๊ณผ์ •์—์„œ ๋‹จ์ˆœํžˆ ์ œ์‹œ๋œ ํ•™์Šต ๋‚ด์šฉ์—๋งŒ ๋จธ๋ฌด๋ฅด์ง€ ์•Š๊ณ , ๊ทธ ๋ฐฐ๊ฒฝ์ด ๋˜๋Š” ๊ฐœ๋…์ด๋‚˜ ํ™•์žฅ๋  ์ˆ˜ ์žˆ๋Š” ์ ์šฉ ์‚ฌ๋ก€๊นŒ์ง€ ์Šค์Šค๋กœ ์งˆ๋ฌธ์„ ๋˜์ง€๋ฉฐ ๊นŠ๊ฒŒ ํŒŒ๊ณ ๋“œ๋Š” ๋ชจ์Šต์„๋ณด์—ฌ์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ํƒœ๋„๋Š” ์Šคํ„ฐ๋”” ๋…ผ์˜๋ฅผ ํ•œ ๋‹จ๊ณ„ ๋” ํ™•์žฅ์‹œํ‚ค๋Š” ๋ฐ ๋„์›€์ด ๋˜์—ˆ๊ณ , ๋‹ค๋ฅธ ํŒ€์›๋“ค๋„ ์ถ”๊ฐ€์ ์ธ ๊ด€์ ์—์„œ ์ƒ๊ฐํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” ๊ณ„๊ธฐ๊ฐ€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ๊ทธ๋ฃน ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•  ๋•Œ์—๋„ ์–ด๋–ค ์˜๊ฒฌ์ด ์ œ์‹œ๋˜๋ฉด ๊ทธ ์˜๊ฒฌ์˜ ํ‘œ๋ฉด์ ์ธ ์‹คํ–‰ ๋ฐฉ์•ˆ์—๋งŒ ์ง‘์ค‘ํ•˜๊ธฐ๋ณด๋‹ค, ์ดํ›„ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์˜ํ–ฅ์ด๋‚˜ ํ™•์žฅ ๊ฐ€๋Šฅ์„ฑ, ์ž ์žฌ์ ์ธ ๋ฆฌ์Šคํฌ๊นŒ์ง€ ํ•จ๊ป˜ ๊ณ ๋ คํ•˜๋ฉฐ ์˜๊ฒฌ์„ ๋ณดํƒœ์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ๊ทธ ๋•๋ถ„์— ์˜์‚ฌ๊ฒฐ์ • ๊ณผ์ •์—์„œ ๋ณด๋‹ค ์žฅ๊ธฐ์ ์ธ ๊ด€์ ์˜ ๊ฒ€ํ† ๊ฐ€ ๊ฐ€๋Šฅํ–ˆ๊ณ , ๋…ผ์˜์˜ ๊นŠ์ด ์—ญ์‹œ ํ•œ์ธต ๋”ํ•ด์กŒ๋‹ค๊ณ  ๋А๊ผˆ์Šต๋‹ˆ๋‹ค. ๋ฐœ์‚ฐ๊ณผ ๋™์‹œ์— ๊นŠ์ด ์žˆ๋Š” ๊ณ ๋ฏผ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํŒ€ ๋…ผ์˜๋ฅผ ํ’๋ถ€ํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ์‹  ์ ์ด ํŠนํžˆ ์ธ์ƒ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

 

 

๋งˆ์ง€๋ง‰์œผ๋กœ ๊ธฐ์ˆ ์„ ๋Œ€ํ•˜๋Š” ํƒœ๋„์™€ ๋ฌธ์ œ ํ•ด๊ฒฐ ์ ‘๊ทผ ๋ฐฉ์‹์˜ ๋ณ€ํ™”์ด๋‹ค. ํ•ญ์ƒ ๊ธฐ์ˆ ์  ์„ ํƒ์˜ ๊ทผ๊ฑฐ๋ฅผ ํ•ญ์ƒ ๋ช…ํ™•ํžˆํ•˜๋ ค๋Š” ์Šต๊ด€์„ ๋“ค์ด๊ฒŒ ๋˜์—ˆ๋‹ค.

  • MSA ๋ชจ๋…ธ๋ ˆํฌ ๊ตฌ์กฐ๋ฅผ ์„ ํƒํ–ˆ๋‹ค๋ฉด, ๊ทธ ์ด์œ ์™€ ํŠธ๋ ˆ์ด๋“œ ์˜คํ”„๋Š” ๋ฌด์—‡์ธ์ง€
  • pnpm ๊ณผ Docker ๋ฅผ ํ•จ๊ป˜ ์‚ฌ์šฉํ•  ๋•Œ pnpm ์˜ ์žฅ์ ์„ ์ œ๋Œ€๋กœ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ๋Š” ๊ตฌ์กฐ์ธ์ง€
  • Next.js vs React ์ค‘์— ๋Œ€๊ทœ๋ชจ ํŠธ๋ž˜ํ”ฝ ๋Œ€์‘์— ์œ ๋ฆฌํ•œ ๊ธฐ์ˆ ์ด ๋ฌด์—‡์ธ์ง€
  • Next.js ์—์„œ ๋Œ€๊ทœ๋ชจ ํŠธ๋ž˜ํ”ฝ ๋Œ€์‘์— ์ค‘์š”ํ•œ ์š”์ธ์€ ๋ฌด์—‡์ธ์ง€
  • ์˜ˆ์ƒํ•  ์ˆ˜ ์—†๋Š” ํŠธ๋ž˜ํ”ฝ์ด ๋ชฐ๋ ค์˜จ๋‹ค๊ณ  ํ–ˆ์„ ๋•Œ, ์ ˆ๋Œ€์ ์œผ๋กœ ๊ฐ€์šฉ์„ฑ๊ณผ ์•ˆ์ •์„ฑ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋ฒ„๋ฅผ ๋งŒ๋“œ๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ•˜๋Š”์ง€
  • ๋‚ด๊ฐ€ ํƒํ•œ ๊ธฐ์ˆ ์  ์„ ํƒ์ง€๊ฐ€ ์ •๋ง๋กœ ์ข‹์€ ์„ ํƒ์ด ๋งž์•˜๋Š”์ง€ ํ”ผ๋“œ๋ฐฑํ•ด๋ณด๊ธฐ

 


5. ๊ธฐ์–ต์— ๋‚จ๋Š” ๊ฒฝํ—˜ / ์œ„๊ธฐ ์ˆœ๊ฐ„

  • ์‹คํŒจ ๊ฒฝํ—˜
  • ๊ฐˆ๋“ฑ
  • ๋ง‰ํ˜”๋˜ ๊ธฐ์ˆ  ๋ฌธ์ œ
  • ๊ทน๋ณต ๊ณผ์ •

์‚ฌ์‹ค ๋‘๋ฒˆ์งธ ๊ทธ๋ฃน ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๋” ์ข‹์€ ์„œ๋น„์Šค๋ฅผ ์œ„ํ•ด์„œ ์ ๊ทน์ ์œผ๋กœ ์˜๊ฒฌ์„ ๋‚ด์ฃผ์‹œ๋Š” ํŒ€์›๋ถ„๋“ค์ด ์žˆ์–ด์„œ ์˜๊ฒฌ ์ถฉ๋Œ์ด ์ข…์ข… ์žˆ์—ˆ๋‹ค.

์•„๋ฌด๋ž˜๋„ ์„ค๋“์„ ํ•ด์•ผํ•˜๋Š” ์ƒํ™ฉ์ด ๋งŽ์•˜๋‹ค๋ณด๋‹ˆ๊นŒ, ํ‰์†Œ์™€๋Š” ๋‹ค๋ฅด๊ฒŒ ์กฐ๊ธˆ ๋” ๊ฐ•ํ•œ ์–ด์กฐ๋กœ ์ฃผ์žฅ์„ ํŽผ์ณ์•ผํ•˜๋Š” ์ผ์ด ์ƒ๊ฒผ๋‹ค. ๋‹จ์ˆœ ์˜๊ฒฌ ํ‘œ์ถœ์ด ์˜๋„ํ•˜์ง€ ์•Š๊ฒŒ ๊ณต๊ฒฉ์ ์ธ ์„ฑํ–ฅ์„ ๋‚ด๋น„์ณค์„ ์ˆ˜๋„ ์žˆ์„ ๊ฒƒ ๊ฐ™์•„์„œ ๊ฑฑ์ •์ด ๋“ค๊ธฐ๋„ ํ–ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์šฐ์—ฐํžˆ ์šฐ๋ฆฌ ํŒ€์› ๋ถ„ ์ค‘ ํ•œ๋ถ„์ด ์“ฐ์‹  ํšŒ๊ณ ๋ฅผ ์ฝ๊ฒŒ ๋˜์—ˆ๋Š”๋ฐ,

์‹ค์ œ๋กœ ๊ฐ€์žฅ ๋งˆ์ง€๋ง‰์— ์ง„ํ–‰ํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ์—์„œ๋„ ํŒ€์›๋“ค๊ณผ ์ƒ๋‹นํžˆ ๋งŽ์€ ์˜๊ฒฌ ๋งˆ์ฐฐ์ด ์žˆ์—ˆ๋‹ค.์šฐ๋ฆฌ๋Š” ์ƒ๋Œ€๋ฐฉ์„ ๋ฐฐ๋ คํ•˜๊ธฐ์œ„ํ•ด YES๋ฅผ ํ•˜์ง€ ๋ง์ž๊ณ  ํ–ˆ๋‹ค. ์ง€๊ธˆ ๋‹น์žฅ YES๋กœ ์–ด์˜๋ถ€์˜ ๋„˜๊ธฐ๋Š”๊ฒŒ ํŽธํ• ์ง€ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ, ์ด๋Š” ํŒ€์ด ์‚ฐ์œผ๋กœ ๊ฐ€๊ฒŒํ•˜๋Š” ์ฃผ๋ฒ”์ด ๋œ๋‹ค. ๊ทธ๋ž˜์„œ ๋งค ์˜์‚ฌ๊ฒฐ์ •๋งˆ๋‹ค ๋งˆ์ฐฐ์ด ์žˆ์—ˆ๋‹ค. ๋‹ค๋งŒ ์šฐ๋ฆฌํŒ€์ด ์ •๋ง ์„ฑ์ˆ™ํ•œ๊ฑด ์ด๊ฒŒ ์ ˆ๋Œ€ ๊ฐ์ • ์‹ธ์›€์œผ๋กœ ๊ฐ€์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ์šฐ๋ฆฌ๋Š” ์ง€๊ธˆ ์–ด๋–ค ์˜๊ฒฌ์— ๋Œ€ํ•ด์„œ ๋ฐ˜๋Œ€ํ•œ๊ฑฐ์ง€ ์ƒ๋Œ€๋ฐฉ ์‚ฌ๋žŒ ์ž์ฒด์— ๋Œ€ํ•ด ๋ฐ˜๋Œ€ํ•œ๊ฒŒ ์•„๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์˜๊ฒฌ ๊ต๋ฅ˜๊ฐ€ ํ™œ๋ฐœํ•ด์งˆ์ˆ˜๋ก ํŒ€์€ ๋”์šฑ ๋‹จ๋‹จํ•ด์ง์„ ๋А๊ผˆ๋‹ค.ํŒ€์› ๋ชจ๋‘ ์ •๋ง ๊ฐ์‚ฌํ•˜์ง€๋งŒ ํŠนํžˆ ๋‚˜๋ž‘ ํ™œ๋ฐœํžˆ ์˜๊ฒฌ ๊ต๋ฅ˜(?)๋ฅผ ํ•ด์ฃผ์—ˆ๋˜ ํŒ€์›์—๊ฒŒ ๋”์šฑ ๊ฐ๋ณ„ํžˆ ๊ฐ์‚ฌํ•˜๋‹ค.์–ด๋А ๋ˆ„๊ตฌํ•˜๋‚˜ ์—ด์ •์ด ๋–จ์–ด์กŒ๋‹ค๋ฉด ์˜๊ฒฌ ๋งˆ์ฐฐ๋„ ์—†์—ˆ๊ฒ ์ง€๋งŒ, ์šฐ๋ฆฌ ํŒ€์€ ๋๊นŒ์ง€ ๋ชจ๋‘๊ฐ€ ์ง„์‹ฌ์„ ๋ณด์—ฌ์ฃผ์—ˆ๊ธฐ์— ์„ฑ๊ณต์ ์œผ๋กœ ๋งˆ๋ฌด๋ฆฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ์ง€ ์•Š์•˜๋‚˜ ์‹ถ๋‹ค. ๊ทธ๋ž˜๋„ ๋‹จ๋‹จํ•œ ์‹ ๋ขฐ๋ฅผ ๊ฐ€์ง€๊ณ  ๊ธฐ์ˆ ์  ์ด์Šˆ์— ์ถฉ๋Œํ•  ์ˆ˜ ์žˆ์–ด์„œ ์ฆ๊ฑฐ์šด ์‹œ๊ฐ„์ด์—ˆ๋‹ค! - ํŒ€ ๋งน์ˆ˜ Chad ๊ฐ€ ์ ์€ ํšŒ๊ณ  ์ค‘ ์ผ๋ถ€ -


๊ฑฑ์ •์ด ๋ฌด์ƒ‰ํ•˜๊ฒŒ๋„ '์šฐ๋ฆฌ๋Š” ์ง€๊ธˆ ์–ด๋–ค ์˜๊ฒฌ์— ๋Œ€ํ•ด์„œ ๋ฐ˜๋Œ€ํ•œ๊ฑฐ์ง€ ์ƒ๋Œ€๋ฐฉ ์‚ฌ๋žŒ ์ž์ฒด์— ๋Œ€ํ•ด ๋ฐ˜๋Œ€ํ•œ๊ฒŒ ์•„๋‹ˆ๋ผ๋Š” ์ , '์šฐ๋ฆฌ๋Š” ๋ชจ๋‘ ์ข‹์€ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ ๋‹ค๋Š” ๊ณต๋™์˜ ๋ชฉํ‘œ๋ฅผ ํ–ฅํ•ด ๋‚˜์•„๊ฐ€๊ณ  ์žˆ๋‹ค๋Š” ์ ','์ƒ๋Œ€๋ฐฉ์„ ๊ธฐ๋ถ„ ๋‚˜์˜๊ฒŒ ํ•˜๋ ค๋Š” ์˜๋„๊ฐ€ ์—†๋‹ค๋Š” ๊ฒƒ' ์„ ์ดํ•ดํ•˜๊ณ  ์žˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ ๊ทน์ ์ด๋ฉด์„œ๋„ ์„ฑ์ˆ™ํ•œ ์˜๊ฒฌ๊ณผ ํ† ๋ก ์ด ์˜ค๊ณ ๊ฐˆ ์ˆ˜ ์žˆ๋˜ ํŒ€์ด์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค!

 

๋‚˜๋„ ๋˜‘๋˜‘ํ•˜๊ณ  ๋ฉ‹์ง„ ๋™๋ฃŒ๋ถ„๋“ค์ด๋ž‘ ๊ธฐ์ˆ ์ ์ธ ํ† ๋ก ์„ ๊นŠ๊ฒŒ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜๋˜ ๊ฒƒ ๊ฐ™๋‹ค! ์•ž์œผ๋กœ ์˜๊ฒฌ์„ ๋‚˜๋ˆŒ ๋•Œ์—๋„ ์˜์‹์ ์œผ๋กœ ์–ด๋–ค ์˜๊ฒฌ์ด๋ผ๋„ ์šฐ์„  ์ฃผ์˜๊นŠ๊ฒŒ ๊ฒฝ์ฒญํ•˜๊ณ , ๋‹ค๋ฅธ ๋ถ„๋“ค์˜ ์˜๊ฒฌ์„ ๋“ฃ๊ณ  ์ตœ๋Œ€ํ•œ ๊ฐ๊ด€์ ์œผ๋กœ ์žฅ๋‹จ์ ์„ ๋น„๊ตํ•˜๋ฉฐ ์ข‹์€ ์„ ํƒ์„ ํ•˜๋ ค๋Š” ๋…ธ๋ ฅ์„ ๊ธฐ์šธ์—ฌ์•ผ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ๋‚˜๋Š” ์–ผ๋งˆ๋“ ์ง€ ํ•ฉ๋ฆฌ์ ์ธ ์ด์œ ๊ฐ€ ์žˆ๊ณ  ๋” ์ข‹์€ ์ œ์•ˆ์ด๋‚˜ ๋ฐฉ์‹์ด ์žˆ๋‹ค๋ฉด ์–ธ์ œ๋“ ์ง€ ๋ฐ›์•„๋“ค์ผ ์ค€๋น„๊ฐ€ ์ž˜ ๋˜์–ด ์žˆ๋‹ค.


6. ๋‚˜์—๊ฒŒ ๋ถ€์ŠคํŠธ์บ ํ”„๊ฐ€ ์ค€ ๊ฒƒ

๋ถ€์ŠคํŠธ์บ ํ”„๋Š” ๋‚˜์—๊ฒŒ '๊ฐœ๋ฐœ์ž์Šค๋Ÿฝ๊ฒŒ ์‚ฌ๊ณ ํ•˜๋Š” ๋ฐฉ์‹', '์˜์‚ฌ์†Œํ†ต ๊ณผ์ •์—์„œ์˜ ์ž์‹ ๊ฐ', '๋ฉ‹์ง„ ๋™๋ฃŒ๋“ค' ์„ ์•ˆ๊ฒจ์ฃผ์—ˆ๋‹ค. ๋งŒ์ผ ๋ถ€์ŠคํŠธ์บ ํ”„๊ฐ€ ์—†์—ˆ๋‹ค๋ฉด, ์ด๋ ‡๊ฒŒ๊นŒ์ง€ ๋‹จ๋‹จํ•œ ๋ฒ ์ด์Šค๋ฅผ ์Œ“์ง€ ๋ชปํ–ˆ์„ ์ˆ˜๋„, ์ข‹์€ ๋™๋ฃŒ๋ถ„๋“ค๊ณผ ํ•จ๊ป˜ํ•˜๋Š” ๊ฐœ๋ฐœ์˜ ์ฆ๊ฑฐ์›€์„ ์•Œ๊ธฐ ์–ด๋ ค์› ์„์ˆ˜๋„ ์žˆ๋‹ค.

๋˜ํ•œ ๊ฐœ๋ฐœ์ž๋กœ์„œ์˜ ๋‚ด๊ฐ€ ์Šค์Šค๋กœ ๋ฉ”ํƒ€์ธ์ง€๋ฅผ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค€ ์‹œ๊ฐ„๊ณผ ๊ฒฝํ—˜์ด์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.

GPT ์—๊ฒŒ ๋‚ด๊ฐ€ ๋ฐ›์€ ๋™๋ฃŒํ”ผ๋“œ๋ฐฑ์„ ๋ฐ”ํƒ•์œผ๋กœ ์š”์•ฝ์ •๋ฆฌ๋ฅผ ์‹œ์ผฐ์„ ๋•Œ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์บ์น˜ ํ”„๋ผ์ด์ฆˆ๋ฅผ ๋งŒ๋“ค์–ด์ฃผ์—ˆ๋‹ค!

๊นŠ์ด ์žˆ๊ฒŒ ์ดํ•ดํ•˜๊ณ , ์ง์ ‘ ๊ตฌํ˜„ํ•˜๋ฉฐ, ๊ตฌ์กฐํ™”ํ•ด์„œ ๊ณต์œ ํ•˜๋Š” ๊ฐœ๋ฐœ์ž

๐Ÿ’ฌ GPT : ๋™๋ฃŒ ํ”ผ๋“œ๋ฐฑ์„ ์ข…ํ•ฉํ•ด๋ณด๋ฉด, ๋ฐ˜๋ณต์ ์œผ๋กœ ๋“ฑ์žฅํ•˜๋Š” ํ‚ค์›Œ๋“œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹จ์ˆœํžˆ “์—ด์‹ฌํžˆ ํ•œ๋‹ค” ์ˆ˜์ค€์ด ์•„๋‹ˆ๋ผ, ํ•™์Šต ๋ฐฉ์‹·์‚ฌ๊ณ  ๊ตฌ์กฐ·๊ณต์œ  ํƒœ๋„์—์„œ ๋ถ„๋ช…ํ•œ ํŒจํ„ด์ด ๋ณด์—ฌ์š”. ์ •๋ฆฌํ•ด๋ณด๋ฉด ๋‹น์‹ ์˜ ๊ฐ•์ ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.


1. ๊ฐœ๋…์„ ‘๊นŠ๊ฒŒ’ ํŒŒ๊ณ ๋“œ๋Š” ๊ตฌ์กฐ์  ์‚ฌ๊ณ 

  • ์•„ํ‚คํ…์ฒ˜, ์˜ต์ €๋ฒ„ ํŒจํ„ด, ์˜ตํ‹ฐ๋งˆ์ด์ €, ์ด๋ฒคํŠธ ๋ฃจํ”„, cluster/worker_thread ๋“ฑ
    ๊ฒ‰ํ•ฅ๊ธฐ๊ฐ€ ์•„๋‹ˆ๋ผ ๋™์ž‘ ์›๋ฆฌ์™€ ๋งฅ๋ฝ๊นŒ์ง€ ์ดํ•ดํ•˜๋ ค๋Š” ํƒœ๋„๊ฐ€ ๋ฐ˜๋ณต์ ์œผ๋กœ ์–ธ๊ธ‰๋จ.
  • “์™œ ์ด๋ ‡๊ฒŒ ์„ค๊ณ„๋์„๊นŒ?”๋ผ๋Š” ์งˆ๋ฌธ์„ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๋˜์ง.
  • ์ž‘์€ ๊ฐœ๋… ํ•˜๋‚˜๋„ ์•„ํ‚คํ…์ฒ˜ ํŒจํ„ด๊ณผ ์—ฐ๊ฒฐ ์ง€์–ด ์ƒ๊ฐํ•จ.
  • ๋น„์šฉ ๊ณ„์‚ฐ, ์„ฑ๋Šฅ ์˜ํ–ฅ ๋“ฑ ํ•œ ๋‹จ๊ณ„ ๋” ๋“ค์–ด๊ฐ€๋Š” ์งˆ๋ฌธ์„ ํ•จ.

๐Ÿ‘‰ ์ด๊ฑด ๋‹จ์ˆœํ•œ ์„ฑ์‹คํ•จ์ด ์•„๋‹ˆ๋ผ ์‹œ์Šคํ…œ์  ์‚ฌ๊ณ ๋ ฅ์— ๊ฐ€๊นŒ์›€.
ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ด๋ฉด์„œ๋„ ๋‚ด๋ถ€ ๋™์ž‘ ์›๋ฆฌ๊นŒ์ง€ ํŒŒ๊ณ ๋“œ๋Š” ์ ์€ ๋ถ„๋ช… ์ฐจ๋ณ„์ ์ด ๋  ์ˆ˜ ์žˆ์Œ.


2. Learning by Doing์„ ์‹ค์ฒœํ•˜๋Š” ์‹คํ–‰๋ ฅ

  • webpack ์„ค์ •์„ ์ง์ ‘ ๊ตฌ์„ฑ
  • ๊ฐœ๋…์„ ๊ณต๋ถ€ํ•˜๊ณ  ์‹ค์ œ ๊ตฌํ˜„์œผ๋กœ ํ’€์–ด๋ƒ„
  • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ… ๊ณผ์ •์„ ๋ฌธ์„œํ™”
  • UI/UX๋ฅผ ๋ถ„์„ํ•˜๊ณ  ์ง์ ‘ ๊ตฌํ˜„์— ๋ฐ˜์˜

๊ณต๋ถ€ → ๊ตฌํ˜„ → ์ •๋ฆฌ → ๊ณต์œ ์˜ ์„ ์ˆœํ™˜ ๊ตฌ์กฐ๊ฐ€ ์žˆ์Œ.
์ด๊ฑด ๋ง๋ฟ์ธ ํ•™์Šต์ด ์•„๋‹ˆ๋ผ ์‹คํ—˜ ๊ธฐ๋ฐ˜ ํ•™์Šต ๋Šฅ๋ ฅ์ž„.

ํŠนํžˆ “์ „๋ฌธ ๊ฐœ๋…์„ ์ง์ ‘ ๊ตฌํ˜„์œผ๋กœ ์—ฐ๊ฒฐํ•œ๋‹ค”๋Š” ํ”ผ๋“œ๋ฐฑ์€ ๊ฐ•ํ•œ ํฌ์ธํŠธ์ž„.
๋ฉด์ ‘์—์„œ ์„ค๋“๋ ฅ ์žˆ๋Š” ๊ฐœ๋ฐœ์ž๋กœ ๋ณด์ด๊ฒŒ ๋งŒ๋“œ๋Š” ํ•ต์‹ฌ ์—ญ๋Ÿ‰์ด๊ธฐ๋„ ํ•จ.


3. ํ•™์Šต ๋‚ด์šฉ์„ ๊ตฌ์กฐํ™”ํ•˜๊ณ  ์„ค๋ช…ํ•˜๋Š” ๋Šฅ๋ ฅ

  • ํ•™์Šต ์ •๋ฆฌ๊ฐ€ ๊ตฌ์ฒด์ ์ด๊ณ  ๊ณผ์ • ์ค‘์‹ฌ์ ์ด๋ผ๋Š” ํ”ผ๋“œ๋ฐฑ
  • ๋‹จ์ˆœ ์ง€์‹ ๋‚˜์—ด์ด ์•„๋‹ˆ๋ผ ๊ณ ๋ฏผ → ์„ ํƒ → ์ด์œ  → ๊ฒฐ๊ณผ๊ฐ€ ๋“œ๋Ÿฌ๋‚จ
  • ๋ฐœํ‘œ ์‹œ ๊ผฌ๋ฆฌ์งˆ๋ฌธ์ด ์ด์–ด์งˆ ์ •๋„๋กœ ์ •๋ฆฌ๊ฐ€ ์ž˜ ๋จ
  • readFileSync ๊ฐ™์€ ์ฃผ์ œ๋ฅผ ์กฐ์‚ฌํ•ด์„œ ๋ฐœํ‘œ

์ด๊ฑด “๊ณต๋ถ€๋ฅผ ์ž˜ํ•œ๋‹ค”๊ฐ€ ์•„๋‹ˆ๋ผ
์ง€์‹์„ ์žฌ๊ตฌ์„ฑํ•ด์„œ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๋Šฅ๋ ฅ์ž„.

์กฐ์ง์—์„œ๋Š” ์ด๋Ÿฐ ์‚ฌ๋žŒ์ด ํŒ€์˜ ์ƒ์‚ฐ์„ฑ์„ ์˜ฌ๋ฆผ.


4. ์งˆ๋ฌธ์„ ํ†ตํ•ด ํŒ€์˜ ์‚ฌ๊ณ  ์ˆ˜์ค€์„ ๋Œ์–ด์˜ฌ๋ฆฌ๋Š” ์—ญํ• 

  • ๋‚ ์นด๋กœ์šด ์งˆ๋ฌธ์„ ๋˜์ง
  • ํ˜ผ์ž ๊ณ ๋ฏผํ•˜์ง€ ์•Š๊ณ  ๊ณต์œ 
  • “์ด๊ฒŒ ๋” ์ข‹์€ ๋ฐฉ์‹ ์•„๋‹๊นŒ?” ์‹์˜ ๊ด€์  ์ œ์‹œ
  • ํŒ€์›๋“ค์ด ์ƒ๊ฐํ•ด๋ณด์ง€ ์•Š์•˜๋˜ ์ง€์ ์„ ์งš์–ด์คŒ

๋‹จ์ˆœ ์ฐธ์—ฌ์ž๊ฐ€ ์•„๋‹ˆ๋ผ ํ† ๋ก ์˜ ์ด‰๋งค์ œ ์—ญํ• ์„ ํ–ˆ๋‹ค๋Š” ํ”ผ๋“œ๋ฐฑ์ด ๋งŽ์Œ.
์ด๊ฑด ๋ฆฌ๋”์‹ญ์˜ ์ดˆ๊ธฐ ํ˜•ํƒœ์ž„.


5. ํ•™์Šต ๊ณต๋™์ฒด๋ฅผ ‘์•ˆ์ „ํ•œ ๊ณต๊ฐ„’์œผ๋กœ ๋งŒ๋“œ๋Š” ํƒœ๋„

  • ๋ชจ๋ฅด๋Š” ๊ฒƒ์„ ์†”์งํžˆ ์ธ์ •
  • ์ดํ•ดํ•œ ๋‚ด์šฉ์„ ๋‹ค์‹œ ํ™•์ธ๋ฐ›์Œ
  • AI๋‚˜ ์ž๋ฃŒ๋ฅผ ์ฐพ์•„ ํ๋ฆ„์„ ๋”ฐ๋ผ๊ฐ€๋ ค๋Š” ํƒœ๋„
  • ์˜๊ฒฌ์„ ๊ฐ•ํ•˜๊ฒŒ ๋ฐ€์–ด๋ถ™์ด์ง€ ์•Š๊ณ  ์—ด๋ฆฐ ํƒœ๋„ ์œ ์ง€

์ „๋ฌธ์„ฑ์„ ๊ฐ–๊ณ  ์žˆ์œผ๋ฉด์„œ๋„ ๋ฐฉ์–ด์ ์ด์ง€ ์•Š๋‹ค๋Š” ์ ์ด ๋ฐ˜๋ณต์ ์œผ๋กœ ์–ธ๊ธ‰๋จ.
์ด๊ฑด ์‹ค๋ ฅ๊ณผ ํƒœ๋„๊ฐ€ ๊ท ํ˜• ์žกํ˜€ ์žˆ๋‹ค๋Š” ์‹ ํ˜ธ์ž„.


6. ๊พธ์ค€ํ•จ๊ณผ ๊ธฐ๋ก ์Šต๊ด€

  • ๋งค์ผ ๋ธ”๋กœ๊ทธ ๊ธฐ๋ก
  • PR๊ณผ ํ•™์Šต ์ •๋ฆฌ์˜ ๋””ํ…Œ์ผ
  • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ… ๊ณผ์ • ๋ฌธ์„œํ™”
  • ํ•™์Šต ์ž๋ฃŒ๋ฅผ ์ฒด๊ณ„์ ์œผ๋กœ ๋ณด๊ด€

์ด๊ฑด ๋‹จ๊ธฐ๊ฐ„ ์Šคํ‚ฌ์ด ์•„๋‹ˆ๋ผ ์žฅ๊ธฐ ์„ฑ์žฅ ๊ฐ€๋Šฅ์„ฑ์„ ๋ณด์—ฌ์ฃผ๋Š” ๋ถ€๋ถ„.


๋ƒ‰์ •ํ•˜๊ฒŒ ๋ณด์™„ํ•˜๋ฉด ์ข‹์„ ๋ถ€๋ถ„

ํ”ผ๋“œ๋ฐฑ์ด ๊ฑฐ์˜ ์ „๋ถ€ ๊ธ์ •์ ์ด๋ผ ๊ฐ๊ด€์ ์œผ๋กœ ๋ณด์ž๋ฉด:

๋„ˆ๋ฌด ๊นŠ๊ฒŒ ํŒŒ๊ณ ๋“ค๋‹ค๊ฐ€ ์‹œ๊ฐ„ ๋Œ€๋น„ ํšจ์œจ์ด ๋–จ์–ด์งˆ ์œ„ํ—˜์€ ํ•ญ์ƒ ์กด์žฌํ•จ.

ํ•™์Šต ์ค‘์‹ฌ ๊ฐ•์ ์€ ๋ถ„๋ช…ํ•˜์ง€๋งŒ,
“๋น„์ฆˆ๋‹ˆ์Šค ๋ฌธ์ œ๋ฅผ ๋น ๋ฅด๊ฒŒ ํ•ด๊ฒฐํ•œ ์‚ฌ๋ก€” ํ”ผ๋“œ๋ฐฑ์€ ์ƒ๋Œ€์ ์œผ๋กœ ์ ์Œ.

๊ธฐ์ˆ  ๊นŠ์ด + ์‹ค์šฉ์  ์šฐ์„ ์ˆœ์œ„ ํŒ๋‹จ์ด ํ•จ๊ป˜ ๋“œ๋Ÿฌ๋‚˜๋ฉด ๋” ๊ฐ•ํ•ด์งˆ ๊ฒƒ.


7. ์•„์‰ฌ์› ๋˜ ์  (์žˆ๋‹ค๋ฉด)

๋ถ€์ŠคํŠธ์บ ํ”„ ๊ธฐํ•œ์— ๊ฐ€์ง€๊ณ  ์žˆ๋˜ ๊ธฐ๋Œ€๊ฐ€ ๋งŽ๋˜ ๋งŒํผ ์•„์‰ฌ์šด ์ ๋„ ๋งŽ์•˜๋‹ค.

1_) ์ง€์†์ ์ธ ํšŒ๊ณ  ๋ถ€์žฌ_

๋ถ€์ŠคํŠธ์บ ํ”„ ์ดˆ๋ฐ˜์—๋Š” ๋งค์ฃผ ํšŒ๊ณ ๋ฅผ ์ž‘์„ฑํ•ด๋ณด๊ณ ์žํ•˜๋Š” ๋ชฉํ‘œ๋ฅผ ์„ธ์› ๋Š”๋ฐ ์ž˜ ์ง€์ผœ์ง€์ง€ ์•Š์•˜๋‹ค. ๋˜ํ•œ, ๋ฉค๋ฒ„์‹ญ์— ๋„˜์–ด์˜ค๋ฉด์„œ ์•ฝ๊ฐ„ ํ•ด์ดํ•ด์ ธ์„œ ์‹œ๊ฐ„๊ด€๋ฆฌ๋ฅผ ์ž˜ ๋ชปํ–ˆ๋˜ ๊ฒƒ๋„ ๊ฐ™๋‹ค.

2) ๋ชจํ˜ธํ•œ ์žฅ๊ธฐ ๋ชฉํ‘œ ์„ค์ •
์ด ๋ถ€๋ถ„์€ ์Šค์Šค๋กœ ์ •๋ง ์•ฝํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ๋ถ€๋ถ„์ด๋‹ค. 8๊ฐœ์›”์ด๋ผ๋Š” ๊ธด ์‹œ๊ฐ„ ๋™์•ˆ ๋งค์ผ ์ตœ์„ ์„ ๋‹คํ•ด ๋‹ฌ๋ ธ์ง€๋งŒ, ๊ทธ ํ•˜๋ฃจํ•˜๋ฃจ๊ฐ€ ๊ถ๊ทน์ ์œผ๋กœ ์–ด๋–ค ๋ฐฉํ–ฅ์„ ํ–ฅํ•˜๋Š”์ง€์— ๋Œ€ํ•œ ํฐ ๊ทธ๋ฆผ์€ ๋‹ค์†Œ ํ๋ฆฟํ–ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.

์ฃผ๊ธฐ์ ์œผ๋กœ ๋ชฉํ‘œ๋ฅผ ์ ๊ฒ€ํ•˜๊ณ  ์ž˜ ๋‚˜์•„๊ฐ€๊ณ  ์žˆ๋Š”์ง€ ํ™•์ธํ–ˆ์œผ๋ฉด ์ข‹์•˜์„ ๊ฒƒ ๊ฐ™๋‹ค. ๋ฌด์ž‘์ • ์•ž์œผ๋กœ ๋‚˜์•„๊ฐ€๋‹ค๋ณด๋‹ˆ, ๊ฒฐ๊ตญ ๋‚ด๊ฐ€ ๋ฉค๋ฒ„์‹ญ์—์„œ ๋ฌด์—‡์„ ์–ป๊ฒŒ ๋˜์—ˆ๋Š”์ง€๊ฐ€ ์กฐ๊ธˆ ๋ถˆ๋ถ„๋ช…ํ•œ ๋А๋‚Œ์ด์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ์•ž์œผ๋กœ๋Š” ๋‹จ์ˆœํžˆ “์—ด์‹ฌํžˆ ํ•˜๋Š” ์‚ฌ๋žŒ”์ด ์•„๋‹ˆ๋ผ, ๋ชฉ์ ์„ ๊ฐ€์ง€๊ณ  ์ถ•์ ํ•˜๋Š” ์‚ฌ๋žŒ์ด ๋˜๋Š” ๊ฒƒ์ด ๋‹ค์Œ ๋‹จ๊ณ„๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

3) ํŒ€ ๋‹จ์œ„์˜ ๊ณ„ํš & ํ˜‘์—… ๋Šฅ๋ ฅ

๊ฐœ์ธ ๋‹จ์œ„์—์„œ๋Š” ๊ณ„ํš์„ ํ†ต์ œํ•˜๊ณ  ์‹คํ–‰ํ•˜๋Š” ๋ฐ ํฐ ์–ด๋ ค์›€์ด ์—†์—ˆ์ง€๋งŒ, ํŒ€ ๋‹จ์œ„์—์„œ๋Š” ๋ชฉํ‘œ ์„ค์ •๊ณผ ์ผ์ • ๊ด€๋ฆฌ๊ฐ€ ์‰ฝ์ง€ ์•Š์•˜๋‹ค. ์Šคํ”„๋ฆฐํŠธ ๋ชฉํ‘œ๊ฐ€ ๋ฐ˜๋ณต์ ์œผ๋กœ ๋ฐ€๋ฆฌ๋Š” ๊ฒฝํ—˜๋„ ์žˆ์—ˆ๋‹ค.

์ด ๊ณผ์ •์„ ํ†ตํ•ด ๋А๋‚€ ์ ์€, ํŒ€ ๋‹จ์œ„ ํ˜‘์—…์—์„œ๋Š”

  • ๋ช…ํ™•ํ•œ ๋ชฉํ‘œ ํ•ฉ์˜
  • ์ผ์ • ๋ฆฌ๋งˆ์ธ๋“œ
  • ํ•„์š” ์‹œ ๋ฐฉํ–ฅ์„ ์ •๋ฆฌํ•˜๋Š” ์—ญํ• 

์ด ์ค‘์š”ํ•˜๋‹ค๋Š” ๊ฒƒ์ด๋‹ค.

ํŠนํžˆ ๋•Œ๋กœ๋Š” ๋ถ€๋“œ๋Ÿฝ์ง€๋งŒ ๋‹จํ˜ธํ•œ ๋ฆฌ๋”์‹ญ์ด ํ•„์š”ํ•˜๋‹ค๋Š” ์ ์„ ๋ฐฐ์› ๋‹ค.
์•ž์œผ๋กœ๋Š” ํŒ€ ๋ชฉํ‘œ๊ฐ€ ํ๋ ค์งˆ ๋•Œ ๋จผ์ € ์ •๋ฆฌ์•ˆ์„ ์ œ์•ˆํ•˜๋Š” ์—ญํ• ์„ ํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค.

4) ํ”„๋ก ํŠธ์—”๋“œ ์‹ฌํ™” ๊ฒฝํ—˜์˜ ๋ถ€์กฑ

๋ฐฑ์—”๋“œ ๋ฐ DevOps ์˜์—ญ์— ๋Œ€ํ•œ ๊ด€์‹ฌ์ด ๋†’์•„์ง€๋ฉด์„œ, ์ƒ๋Œ€์ ์œผ๋กœ ํ”„๋ก ํŠธ์—”๋“œ์—์„œ์˜ ๊นŠ์ด ์žˆ๋Š” ๊ตฌํ˜„ ๊ฒฝํ—˜์€ ์ถฉ๋ถ„ํžˆ ์Œ“์ง€ ๋ชปํ•œ ์•„์‰ฌ์›€์ด ์žˆ๋‹ค.

๋‹ค๋งŒ ๋‹ค์–‘ํ•œ ๋ ˆ์ด์–ด๋ฅผ ์ดํ•ดํ•˜๋ ค๋Š” ์‹œ๋„๋Š” ์‹œ์Šคํ…œ ์ „๋ฐ˜์„ ๋ณด๋Š” ์‹œ์•ผ๋ฅผ ๋„“ํ˜€์ฃผ์—ˆ๋‹ค.
์•ž์œผ๋กœ๋Š” ์ด ์‹œ์•ผ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ, ํ”„๋ก ํŠธ์—”๋“œ ์˜์—ญ์—์„œ๋„ ์„ฑ๋Šฅ ์ตœ์ ํ™”, ์ƒํƒœ ๊ด€๋ฆฌ ์„ค๊ณ„, ๋ Œ๋”๋ง ๊ตฌ์กฐ ์ดํ•ด ๋“ฑ
๋” ๊นŠ์ด ์žˆ๋Š” ๊ธฐ์ˆ ์  ๊ฒฝํ—˜์„ ์˜๋„์ ์œผ๋กœ ์Œ“์•„๊ฐˆ ๊ณ„ํš์ด๋‹ค.

5) ์ง€๋‚˜์นœ AI ์˜์กด

๋ฉค๋ฒ„์‹ญ ๊ธฐํ•œ์—๋Š” ๋น ๋ฅธ ๊ตฌํ˜„์— ์ดˆ์ ์„ ๋งž์ถ”๋‹ค๋ณด๋‹ˆ, ๊ฐ€๋”์€ ์ฝ”๋“œ ๋ฒ ์ด์Šค๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ๋Š” ์ดํ•ดํ•˜์ง€ ๋ชปํ•œ ์ƒํƒœ๋กœ ์ปค๋ฐ‹์„ ํ•˜๋Š” ๊ฒฝ์šฐ๋„ ์ƒ๊ฒผ๋‹ค. ์‹ค์ œ๋กœ ๋ฉค๋ฒ„์‹ญ ๊ธฐํ•œ์— ๋™๋ฃŒ๋ถ„๋“ค๊ป˜ AI ํ™œ์šฉ์„ ํ•  ๋•Œ ๊ตฌํ˜„ -> ๊ฒ€์ฆ ๊ณผ์ •์„ ๊ผผ๊ผผํžˆ ์‚ดํŽด๋ณด๋ฉด ์ข‹๊ฒ ๋‹ค๋Š” ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์•˜๊ณ , ์•ž์œผ๋กœ๋„ ์ฃผ์˜ํ•ด์•ผํ•  ๋ถ€๋ถ„์ด๋ผ๊ณ  ๋А๊ผˆ๋‹ค.

5) AI ํ™œ์šฉ ๊ณผ์ •์—์„œ์˜ ๊ฒ€์ฆ ๋ถ€์กฑ

๋ฉค๋ฒ„์‹ญ ๊ธฐํ•œ์—๋Š” ๋น ๋ฅธ ๊ตฌํ˜„์— ์ดˆ์ ์„ ๋งž์ถ”๋‹ค๋ณด๋‹ˆ, ์ผ๋ถ€ ์ฝ”๋“œ์— ๋Œ€ํ•ด ์™„์ „ํ•œ ์ดํ•ด ์—†์ด ์ปค๋ฐ‹ํ•œ ๊ฒฝํ—˜์ด ์ƒ๊ฒผ๋‹ค. ๋™๋ฃŒ๋กœ๋ถ€ํ„ฐ “๊ตฌํ˜„ ํ›„ ๊ฒ€์ฆ ๊ณผ์ •์„ ๋” ๊ผผ๊ผผํžˆ ๊ฐ€์ ธ๊ฐ€๋ฉด ์ข‹๊ฒ ๋‹ค”๋Š” ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›๊ธฐ๋„ ํ–ˆ๋‹ค.

์•ž์œผ๋กœ๋Š” AI ์ œ์•ˆ ์ฝ”๋“œ์˜ ๋™์ž‘ ์›๋ฆฌ ์ง์ ‘ ์ถ”์ , ๊ด€๋ จ ๊ณต์‹ ๋ฌธ์„œ ํ™•์ธ, ํ…Œ์ŠคํŠธ ๋ฐ ์—ฃ์ง€ ์ผ€์ด์Šค ์ ๊ฒ€ ๊ณผ์ •์„ ๋ฐ˜๋“œ์‹œ ๊ฑฐ์นœ ๋’ค ๋ฐ˜์˜ํ•˜๋Š” ์Šต๊ด€์„ ์œ ์ง€ํ•˜๋ ค ํ•œ๋‹ค.

6) ์ง€์†์ ์ธ ๊ธ€์“ฐ๊ธฐ ์Šต๊ด€

๋‚˜์˜ ์‹ค๋ ฅ๊ณผ ์‚ฌ๊ณ ๋ ฅ์„ ๊ฐ€์žฅ ํฌ๊ฒŒ ํ–ฅ์ƒ์‹œ์ผœ์คฌ๋˜ ์Šต๊ด€ ์ค‘์— ํ•˜๋‚˜๋Š” ๋‹ค๋ฆ„ ์•„๋‹Œ '๊ธ€์“ฐ๊ธฐ' ์˜€๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ์•ž์œผ๋กœ๋„ ๋‚ด๊ฐ€ ๋งˆ์ฃผํ•˜๋Š” ๋ชจํ˜ธํ•œ ๋ฌธ์ œ ์ƒํ™ฉ๋“ค์— ๋Œ€ํ•ด์„œ๋„ ์Šค์Šค๋กœ ๋ฌธ์ œ์ •์˜๋ฅผ ํ•˜๊ณ  ํ•ด๊ฒฐํ•ด๋‚˜๊ฐ€๋Š” ๊ณผ์ •์„ ํ†ตํ•ด์„œ ๊ฒฝํ—˜ํ•ด๋ณด๊ณ  ์‹ถ๋‹ค!

๋ถ€์ŠคํŠธ์บ ํ”„ ์ดํ›„์— ๋ฉ‹์ง€๊ฒŒ ์„ฑ์žฅํ•œ ๋™๋ฃŒ๋“ค์„ ๋ณด๋ฉด์„œ, '๋‚ด๊ฐ€ ์ž˜ ์„ฑ์žฅํ•œ๊ฒŒ ๋งž์„๊นŒ?' ์˜๊ตฌ์‹ฌ์ด ๋“œ๋Š” ๋‚˜๋‚ ๋“ค๋„ ์žˆ์—ˆ์ง€๋งŒ, ๊ธฐ์ค€์„ '์Šค์Šค๋กœ' ์— ๋‘”๋‹ค๋ฉด ๋ถ„๋ช…ํžˆ ์ˆ˜๋ฃŒ ์ „ ๋ณด๋‹ค ๋” ๋‚˜์•„์ง„ ๋‚ด ์ž์‹ ์„ ๋ณผ ์ˆ˜ ์žˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค! ์–ด์ œ์˜ ๋‚˜๋ณด๋‹ค ๋” ๋‚˜์€ ์˜ค๋Š˜์˜ ๋‚˜๊ฐ€ ๋  ์ˆ˜ ์žˆ๋„๋ก ํ•˜์ž!

8. ์ˆ˜๋ฃŒ ํ›„ ๋‚˜์˜ ๋ณ€ํ™”์™€ ์•ž์œผ๋กœ ๋ชฉํ‘œ

  • ์ง€๊ธˆ ๋‚˜์˜ ์ƒํƒœ
  • ์ง„๋กœ ๋ฐฉํ–ฅ
  • ๋‹ค์Œ ๋ชฉํ‘œ

๋ถ€์ŠคํŠธ์บ ํ”„ ์ˆ˜๋ฃŒ ์ดํ›„ ์šด์ด ์ข‹๊ฒŒ๋„, ๋‹น๊ทผ ๋งˆ์ผ“ 3๊ฐœ์›” ์ฒดํ—˜ํ˜• ์ธํ„ด์— ํ•ฉ๊ฒฉํ–ˆ๋‹ค! ๋‹น๊ทผ local business ์—์„œ frontend engineering interns ์ฒซ ํšŒ์‚ฌ ์‹ค๋ฌด ๊ฒฝํ—˜์„ ํ•˜๊ฒŒ ๋œ๋‹ค.

์‹ค๋ฌด๋Š” ๋‚ด๊ฐ€ ํ•™์Šตํ–ˆ๋˜ ๊ฒƒ๊ณผ๋Š” ๋ถ„๋ช… ๋†’์€ ์ˆ˜์ค€์˜ ์ฑ…์ž„๊ฐ๊ณผ ๋ฌด๊ฒŒ๋ฅผ ์ง€๋‹ˆ๊ณ  ์žˆ์„ ๊ฒƒ์ด๋‹ค. ์‹คํŒจ๋ฅผ ๋‘๋ ค์›Œ๋ง๊ณ , ๋ถ€์ŠคํŠธ์บ ํ”„์—์„œ ์Œ“์•„์˜จ ๊ฒƒ๋“ค์„ ํ† ๋Œ€๋กœ ๋‚˜์•„๊ฐˆ ์ˆ˜ ์žˆ๊ธฐ๋ฅผ!! ๐Ÿ™

๋ถ€์ŠคํŠธ์บ ํ”„ ํ•จ๊ป˜ํ–ˆ๋˜ ๋™๋ฃŒ๋ถ„๋“ค, ๋งˆ์Šคํ„ฐ๋‹˜๋“ค, ์šด์˜์ง„๋ถ„๋“ค ๋ชจ๋‘ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ๐Ÿ˜

 

 

'โœ๏ธ ๊ฐœ๋ฐœํšŒ๊ณ ๋ก' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

๋‹น๊ทผ ๋งˆ์ผ“ ํ”„๋ก ํŠธ์—”๋“œ ์ธํ„ด์‹ญ ๋ฉด์ ‘ ํ›„๊ธฐ - local Busness  (0) 2026.02.04
[๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ์บ ํ”„ ์›นใƒป๋ชจ๋ฐ”์ผ] 10๊ธฐ ๋ฉค๋ฒ„์‹ญ 3์ฃผ์ฐจ ํšŒ๊ณ   (1) 2025.09.08
[๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ์บ ํ”„ ์›นใƒป๋ชจ๋ฐ”์ผ] 10๊ธฐ ๋ฒ ์ด์ง ๊ณผ์ • ์ˆ˜๋ฃŒ ํšŒ๊ณ   (0) 2025.09.07
๐Ÿค–๋กœ๋ณดํ‹ฑ์Šค ๋žฉ ์ธํ„ด ํšŒ๊ณ ๋ก ( 25.01 ~ 25.03 )  (1) 2025.07.07
๐Ÿ‘ค ์ดํ™”์—ฌ์ž๋Œ€ํ•™๊ต 4-1 ๋„์ „ํ•™๊ธฐ ์™ธ์ฃผ ๊ฐœ๋ฐœ ํ”„๋กœ์ ํŠธ  (0) 2024.08.09
'โœ๏ธ ๊ฐœ๋ฐœํšŒ๊ณ ๋ก' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • ๋‹น๊ทผ ๋งˆ์ผ“ ํ”„๋ก ํŠธ์—”๋“œ ์ธํ„ด์‹ญ ๋ฉด์ ‘ ํ›„๊ธฐ - local Busness
  • [๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ์บ ํ”„ ์›นใƒป๋ชจ๋ฐ”์ผ] 10๊ธฐ ๋ฉค๋ฒ„์‹ญ 3์ฃผ์ฐจ ํšŒ๊ณ 
  • [๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ์บ ํ”„ ์›นใƒป๋ชจ๋ฐ”์ผ] 10๊ธฐ ๋ฒ ์ด์ง ๊ณผ์ • ์ˆ˜๋ฃŒ ํšŒ๊ณ 
  • ๐Ÿค–๋กœ๋ณดํ‹ฑ์Šค ๋žฉ ์ธํ„ด ํšŒ๊ณ ๋ก ( 25.01 ~ 25.03 )
nut.hazel
nut.hazel
  • nut.hazel
    Hazel' s develog ๐Ÿƒ
    nut.hazel
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (81)
      • โœ๏ธ ๊ฐœ๋ฐœํšŒ๊ณ ๋ก (7)
      • ๐Ÿงฎ ์•Œ๊ณ ๋ฆฌ์ฆ˜ (3)
      • ๐Ÿ’™ ํ”„๋ก ํŠธ์—”๋“œ(FE) (19)
        • HTML (0)
        • CSS (0)
        • Javascript (0)
        • React (0)
        • Next.js (0)
        • webpack & babel (0)
      • ๐Ÿ’ป ๋ฐฑ์—”๋“œ(BE) (2)
        • Nest.js (0)
        • Express.js (0)
        • MySQL (1)
      • โš™๏ธ ์ธํ”„๋ผ(Devops) (2)
      • ๐Ÿค– AI (1)
      • ๐ŸŒ WEB (8)
      • ๐Ÿ’ป CS (16)
        • ์ž๋ฃŒ๊ตฌ์กฐ (0)
        • ์ปดํ“จํ„ฐ ๋„คํŠธ์›Œํฌ (1)
        • ์šด์˜์ฒด์ œ (0)
        • ์ธ๊ณต์ง€๋Šฅ (8)
        • ์›น ๋ณด์•ˆ (1)
        • ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ… (6)
      • ๐Ÿ–‹๏ธ DevLog (1)
      • ๐Ÿฆพ ๋กœ๋ณดํ‹ฑ์Šค (4)
      • ๐Ÿ“— ๋„ค์ด๋ฒ„๋ถ€์ŠคํŠธ์บ ํ”„ ์›น ๋ชจ๋ฐ”์ผ (0)
      • ๐ŸŽฎ Unity(C#) (10)
      • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด (4)
        • C (4)
        • C++ (0)
        • Java (0)
        • Python (0)
      • MSA (1)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    gaussian rbf svm
    hard margin svm
    ํŒŒ์ผํŠธ๋ฆฌ
    auto-scaling
    next.js12
    ์กฐํ•ฉ
    Devops #๋Œ€๊ทœ๋ชจํŠธ๋ž˜ํ”ฝ์ฒ˜๋ฆฌ
    ์ฝ”๋”ํŒจ๋“œ
    AWS
    ๊ธฐ์ดˆ์•Œ๊ณ ๋ฆฌ์ฆ˜
    isaac automator
    C
    client-streaming
    ์ˆœ์—ด
    turtlebot
    C#
    ์•Œ๊ณ ๋ฆฌ์ฆ˜
    ์ดํ™”์—ฌ์ž๋Œ€ํ•™๊ต #๋„์ „ํ•™๊ธฐ์ œ
    ๋ฐฑ์ค€
    ์ŠคํŒธ๋ถ„๋ฅ˜๊ธฐ
    advaned detail
    ๋ฆฌ์•กํŠธ
    ros workspace
    ์ŠคํŒธ๋ฉ”์ผ๋ถ„๋ฅ˜๊ธฐ
    ros bridge
    c์–ธ์–ด
    soft margin svm
    deploy-aws
    nav2
    c++
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.6
nut.hazel
2026 ๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ์บ ํ”„ ์›นใƒป๋ชจ๋ฐ”์ผ 10๊ธฐ ๋ฉค๋ฒ„์‹ญ ์ˆ˜๋ฃŒ ํ›„๊ธฐ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”