๐Ÿฐ 2023๋…„ ํšŒ๊ณ  + 2024๋…„ ๋ชฉํ‘œ ๐Ÿฒ

SuKyoungยท2023๋…„ 12์›” 16์ผ

ํšŒ๊ณ 

๋ชฉ๋ก ๋ณด๊ธฐ
4/7
post-thumbnail

์–ด๋А์ƒˆ 12์›”์ด ๋˜์–ด์„œ 2023๋…„ ํ•œํ•ด๋™์•ˆ ๋ฌด์—‡์„ ํ–ˆ๋Š”์ง€ ๋˜๋Œ์•„๋ณด์•˜์Šต๋‹ˆ๋‹ค. ์‹œ๊ฐ„์ด ์ •๋ง ์ •์‹ ์—†์ด ํ˜๋Ÿฌ๊ฐ€๋„ค์š”.โŒ›๏ธ

์˜ฌํ•ด ๊ฐ€์žฅ ๋ฟŒ๋“ฏํ•œ ๊ฒƒ ๐Ÿ† (BEST 5)

๋ชฉํ‘œ๋ฅผ ๋‹ฌ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•˜๋Š” ์Šค์Šค๋กœ์˜ ๋ชจ์Šต์„ ์ฐธ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ์˜๋ฏธ์—์„œ ๊ฐ€์žฅ ๋…ธ๋ ฅ์ด ๋งŽ์ด ๋“ค์–ด๊ฐ„ ์ž‘์—…์„ ๋ฒ ์ŠคํŠธ ์ˆœ์œ„๋กœ ๊ผฝ์•˜์Šต๋‹ˆ๋‹ค.

โ‘  ํ† ์ดํ”„๋กœ์ ํŠธ ์ง„ํ–‰ - ์ด 5๊ฑด ์ง„ํ–‰

์‚ฌ๋‚ด ๊ธฐ์ˆ ์Šคํƒ์„ ์ตํžˆ๊ธฐ ์œ„ํ•ด ํ† ์ดํ”„๋กœ์ ํŠธ๋ฅผ ์—ฌ๋Ÿฌ๊ฐœ ์ง„ํ–‰ํ–ˆ๋Š”๋ฐ, ์‹ค์ œ๋กœ ์—…๋ฌดํšจ์œจ์„ ๋†’์—ฌ์ฃผ์—ˆ๊ธฐ์— ์˜ฌ ํ•œํ•ด ์ด๋ฃฌ ๊ฒƒ ์ค‘ ๋ฟŒ๋“ฏํ•œ ์ผ 1์œ„๋กœ ์„ ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.๐Ÿ™Œ

  1. TypeScript - ์ด ํ”„๋กœ์ ํŠธ 3๊ฑด ์ง„ํ–‰
  • as-is: ํƒ€์ž… ์—๋Ÿฌ๊ฐ€ ๋‚˜์˜ค๋ฉด ์—๋Ÿฌ์ฝ”๋“œ๋ถ€ํ„ฐ ๋ถ„์„ํ•˜๋А๋ผ ํ—ค๋งธ์Œ.
  • to-be: TypeScript ๊ธฐ์ดˆ์ง€์‹์„ ์Šต๋“ํ•˜์—ฌ ์กฐ๊ธˆ ๋” ๋น ๋ฅด๊ฒŒ ์—๋Ÿฌ ๋Œ€์‘์ด ๊ฐ€๋Šฅํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ์ด์ „๋ณด๋‹ค ํƒ€์ž… ์ž‘์„ฑ์— ๋Šฅ์ˆ™ํ•ด์ง!
  1. Apollo-GraphQL - ์ด ํ”„๋กœ์ ํŠธ 2๊ฑด ์ง„ํ–‰
  • as-is: Apollo-GraphQL ๊ธฐ์ดˆ ๋ฌธ๋ฒ•๋„ ๋ชฐ๋ผ์„œ ์—…๋ฌด๋ฅผ ํ• ๋‹น๋ฐ›์œผ๋ฉด ๊ณต์‹๋ฌธ์„œ๋ถ€ํ„ฐ ์ฐพ์•„๋ณด๋ฉฐ ์ž‘์—…ํ•˜๋А๋ผ ์‹œ๊ฐ„์ด ์˜ค๋ž˜๊ฑธ๋ ธ์Œ.
  • to-be: Apollo-GraphQL ๊ธฐ์ดˆ์ง€์‹์„ ์Šต๋“ํ•˜์—ฌ, ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ผ์ผํžˆ ์ฐพ์•„๋ณด์ง€ ์•Š๊ฒŒ ๋˜์–ด ์—…๋ฌด์ฒ˜๋ฆฌ ์†๋„๊ฐ€ ๋นจ๋ผ์ง€๊ฒŒ ๋จ. ์Šคํ‚ค๋งˆ ํƒ€์ž… ๋ฐ resolvers Query์™€ Mutation์„ ๊ธฐ์กด๋ณด๋‹ค ๋น ๋ฅด๊ฒŒ ์ฝ๊ฑฐ๋‚˜ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์Œ
โ‘ก JavaScript ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค 0๋‹จ๊ณ„ 100๋ฌธ์ œ ํ’€๊ธฐ - ์ด 86๋ฌธ์ œ ํ’€์ด์™„๋ฃŒ

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

โ‘ข ์‚ฌ๋‚ด ๋ฐœํ‘œ - ์ด 2๊ฑด ์ง„ํ–‰

์ƒ/ํ•˜๋ฐ˜๊ธฐ์— 1์ฐจ๋ก€์”ฉ ์ „์‚ฌ ๋ฐœํ‘œ๋ฅผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

  • ํšŒ๊ณ : ํšŒ๊ณ  ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•˜๊ณ , ์‹ค์ œ๋กœ ์ง„ํ–‰ํ•œ ๊ฐœ์ธ ํšŒ๊ณ ๋ฅผ ๋ฐœํ‘œํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ์ฝ”๋“œ๋ฆฌ๋ทฐ: 1๋…„๊ฐ„ ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฅผ ํ•˜๋ฉฐ ๋А๊ผˆ๋˜ ์ ๊ณผ ํšจ์šฉ์„ฑ, case study, best practices๋ฅผ ๊ณต์œ ํ–ˆ์Šต๋‹ˆ๋‹ค.
โ‘ฃ ์ž‘์„ฑํ•œ ๋ธ”๋กœ๊ทธ ๊ธ€ - ์ด 7๊ฑด ์ž‘์„ฑ โ‘ค undefined

2024๋…„์— ์ด๋ฃจ๊ณ  ์‹ถ์€ ๊ฒƒ ๐Ÿซถ๐Ÿป

๊ฑด๊ฐ•, ๊ฑด๊ฐ•, ๊ฑด๊ฐ•

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

๊ณต๋ถ€

โ‘  Docker + AWS ๊ธฐ์ดˆ์ง€์‹ ์Šต๋“
  • ํ˜ผ์ž ํ”„๋กœ์ ํŠธ์— ๋œ๋  ๋–จ์–ด์ง€๋ฉด ์•ฑ์„ ๋„์›Œ์„œ ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ๋ณผ ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์€ ๋งŒ๋“ค ์ˆ˜ ์žˆ์–ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ”„๋ก ํŠธ์•ค๋“œ ๊ฐœ๋ฐœ์ž๋Š” ์„œ๋ฒ„ ์ธํ”„๋ผ ์„ค์ •์€ ๋‹น์—ฐํžˆ ํ•  ์ค„ ์•Œ์•„์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

  • ๋”ฐ๋ผ์„œ, Docker + AWS ๊ธฐ์ดˆ์ง€์‹ ์Šต๋“ํ•˜๋Š” ๊ฒƒ์„ 2024๋…„ ๊ณต๋ถ€๋ชฉํ‘œ๋กœ ์„ธ์› ์Šต๋‹ˆ๋‹ค.

โ‘ก JavaScript ์ฝ”๋”ฉํ…Œ์ŠคํŠธ 1๋‹จ๊ณ„ ๋ฌธ์ œํ’€์ด ์™„๋ฃŒ
  • ์ปดํ“จํŒ… ์‚ฌ๊ณ ๋Šฅ๋ ฅ ํ–ฅ์ƒ์„ ์œ„ํ•ด
  • JavaScript ๋ฉ”์„œ๋“œ ์‚ฌ์šฉ๋ฐฉ๋ฒ• ๋ฐ ํ™œ์šฉ ์ˆ™๋‹ฌ
  • ์กฐ๊ธˆ ๋” ์š•์‹ฌ๋‚ด์ž๋ฉด, ํšจ์œจ์ ์ธ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฐฉ๋ฒ• ์ตํžˆ๊ธฐ (์‹œ๊ฐ„๋ณต์žก๋„)
โ‘ข Next.js 13 ์‚ฌ์šฉํ•˜๋ฉฐ ์ตํžˆ๊ธฐ
  • ์•„์ง 13๋„ ๊ณต๋ถ€์•ˆํ–ˆ๋Š”๋ฐ ์ด๋ฏธ 14๊ฐ€ ๋‚˜์™€๋ฒ„๋ฆฌ๊ธดํ–ˆ์ง€๋งŒ.. ๊ทธ๋ž˜๋„ 13๋ถ€ํ„ฐ ๊ณต๋ถ€ํ•ด๋ณด๊ธฐ๐Ÿ˜‚
โ‘ฃ ์Šคํ† ๋ฆฌ๋ถ ํ™œ์šฉ
  • ์‚ฌ๋‚ด์—์„œ ์Šคํ† ๋ฆฌ๋ถ ๋‹ด๋‹น์ž(?)๋ผ๋Š” ๊ฐํˆฌ๋ฅผ ์“ฐ๊ณ  ์žˆ๋Š”๋ฐ, ์‚ฌ์‹ค ๋‹ด๋‹น์ž๋‹ค์šด ๊นŠ์€ ์ง€์‹์„ ๊ฐ–์ถ”์ง„ ๋ชปํ–ˆ์Œ
  • ๋”ฐ๋ผ์„œ, ๊ฐœ์ธํ”„๋กœ์ ํŠธ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์‚ฌ์šฉ๋ฐฉ๋ฒ• ์ถฉ๋ถ„ํžˆ ์ตํžˆ๊ณ  ์‚ฌ์šฉ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ด ๋ชฉํ‘œ.

์˜ค๋žœ๋งŒ์— ๋ธ”๋กœ๊ทธ์— ์“ด ๊ธ€์ด ํšŒ๊ณ ๊ธ€์ด๋ผ๋‹ˆ, ์ด์ฏค๋˜๋ฉด ํšŒ๊ณ ์ „์šฉ ๋ธ”๋กœ๊ทธ์ธ๊ฐ€ ์‹ถ๋„ค์š”...๐Ÿ˜‚
๋‚ ์ด ์ฐจ๋‹ˆ ๊ฑด๊ฐ• ์ž˜ ์ฑ™๊ธฐ์‹œ๊ณ , 2023๋…„ ์œ ์ข…์˜ ๋ฏธ ๊ฑฐ๋‘์‹œ๊ธธ!
๊ธด ๊ธ€ ์ฝ์–ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค :)
profile
Frontend Engineer

0๊ฐœ์˜ ๋Œ“๊ธ€