๐Ÿ“ 24๋…„ ์ƒ๋ฐ˜๊ธฐ ํšŒ๊ณ  (feat. ์ด์ง ํ›„ ๊ทผํ™ฉ)

kim yeeunยท2024๋…„ 9์›” 8์ผ
0


๋ฆฌํŠธ๋ฆฌ๋ฒ„๋Š” ๊ธˆ๋ฐฉ ํฌ๋Š” ๊ฒƒ ๊ฐ™์€๋ฐ, ๋ชธ์ง‘์€ ์ปค๋„ ์•„๊ธฐ ๊ฐ™๋‹ค.

๋ชธ์ง‘์€ ์ปค์ ธ๋„ ์•„๊ธฐ๋Š” ์•„๊ธฐ...
๊ทธ๋ ‡๋‹ค, ๋‚˜๋Š” '์‘์• ' ๊ฐœ๋ฐœ์ž๋‹ค.

์ƒ๋ฐ˜๊ธฐ๊ฐ€ ํ›Œ์ฉ ์ง€๋‚ฌ๋‹ค. 3์›”์— ์ƒˆ๋กœ์šด ํšŒ์‚ฌ๋กœ ์ด์ง ํ›„, ์ฒ˜์Œ ์“ฐ๋Š” ๋ธ”๋กœ๊ทธ์ด๋‹ค. (๊ทธ๋งŒํผ ๋ฐ”๋นด๋‹ค๋Š” ๋œป...ใ…Ž)

์ด์งํ•˜๊ณ  ๋‚˜์„œ ํ•œ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋๋‚ฌ๋‹ค. ๋ด„์— ์ž…์‚ฌํ–ˆ๋Š”๋ฐ ๋๋‚˜๊ณ  ๋ณด๋‹ˆ ๊ฐ€์„? ๐Ÿ‚ ใ…‹ใ…‹ใ…‹
ํฐ ์นดํ…Œ๊ณ ๋ฆฌ ์œ„์ฃผ๋กœ ํšŒ๊ณ ํ•  ์˜ˆ์ •์ด๋‹ค.

์กฐ์ง ๋ฌธํ™”

1. ์˜จ๋ณด๋”ฉ ์‹์‚ฌ ํ”Œ๋žœ ๐Ÿณ

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

2. ํ•จ๊ป˜ ์ž๋ผ๊ธฐ ๐ŸŒฑ

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

3. ํšŒ๊ณ  โœ๏ธ

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

FE ํŒ€

1. Study

6๊ฐœ์›” ๋™์•ˆ ์Šคํ„ฐ๋””๋ฅผ ์„ธ์–ด ๋ณด๋ฉด ์ด 3๊ฐœ ์ •๋„ ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. Object, Three.js, a11y...

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

Three.js
Three.js ์Šคํ„ฐ๋””๋Š” ์ง€๊ธˆ ์žฌ์ˆ˜๊ฐ• ์ค‘์ด๋‹ค. ์ƒˆ๋กœ ์ž…์‚ฌํ•˜์‹  ๋ถ„๋“ค๋„ ๊ณ„์‹œ๊ณ , ์ค‘๊ฐ„์— ๊ต‰์žฅํžˆ ๋ฐ”๋น ์ ธ์„œ ๋ณด๋ฅ˜๋˜์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์žฌ์ˆ˜๊ฐ•ํ•˜๋Š” ๋งŒํผ ์ œ๋Œ€๋กœ ํ•˜๊ณ  ์‹ถ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์–ด๋ ต๋‹ค ใ…‹ใ…‹ใ…‹

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

2. ์‚ฌ๋žŒ

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

3. ๋‹ค์–‘ํ•œ ๊ฒฝํ—˜

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ •๋ง ๋งŽ์ด ์‚ฌ์šฉํ•ด๋ดค๋‹ค. Uppy, React TipTap, Media Captions, React Hook Form, GraphQL, XState, React Aria, Grit, HLS ๋“ฑ๋“ฑ...
์ด๋Ÿฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๋น„๋””์˜ค ์ž๋ง‰ ์—…๋กœ๋“œ, ์ž๋ง‰์„ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ๋„๋ก ํ–ˆ๋‹ค. ๊ทธ ์™ธ์— ์—๋””ํ„ฐ๋„ '์ฐ๋จน'์ด์ง€๋งŒ, ๋…ธ์…˜์ฒ˜๋Ÿผ ๋ธ”๋ก์„ ๊ตฌํ˜„ํ•ด๋ณด๊ธฐ๋„ ํ–ˆ๋‹ค. ์†์ˆ˜ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ๋„ ์ข‹์•„ํ•˜์ง€๋งŒ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ๋š๋”ฑ ๋งŒ๋“ค์–ด ๋น ๋ฅด๊ฒŒ ์™„์„ฑ๋„ ์žˆ๊ฒŒ ๋งŒ๋“œ๋Š” ๋ฒ•๋„ ๋ฐฐ์šด ๊ฒƒ ๊ฐ™์•„ ์ข‹์•˜๋‹ค. ์–ด๋–ค ์ƒํ™ฉ์ด๋“  ๊ฐ€์žฅ ์ ํ•ฉํ•œ ๋ฐฉ๋ฒ•์„ ์ฐพ๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋งŽ์€ ๊ฒฝํ—˜์ด ํ•„์š”ํ•œ ๊ฒƒ ๊ฐ™๋‹ค. ใ…Žใ…ใ…Ž ๊ทธ๋ฆฌ๊ณ  ํ˜„์žฌ๋Š” ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๊ฐœ์„ ์„ ์œ„ํ•ด ๋ฐฉ๋ฒ•์„ ์ฐพ๊ณ  ์žˆ๋Š”๋ฐ, ์ด ๋˜ํ•œ ์žฌ๋ฏธ์žˆ๋‹ค!!

์ด ์™ธ์— ์•„์‰ฌ์šด ์ 

์•„์‰ฌ์šด ์ ์€ ๋ฆฌ๋ทฐ์˜ ์ค‘์š”์„ฑ์ด๋‹ค. ๋ฆฌ๋ทฐ ๋ฌธํ™”๊ฐ€ ๋” ๊ฐœ์„ ๋˜๋ฉด ์ข‹๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ ๋‹ค. ๋ฆฌ๋ทฐ ๋ฌธํ™”๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ ํ’ˆ์งˆ์„ ์œ ์ง€ํ•˜๋ฉด์„œ ์‹ค๋ ฅ๋„ ํ•จ๊ป˜ ๋Š˜๋ฆด ์ˆ˜ ์žˆ์ง€ ์•Š์„๊นŒ ์‹ถ์—ˆ๋‹ค. (์•„๋‹ ์ˆ˜๋„...) ๊ทธ๋ฆฌ๊ณ  ๊ธฐ์ˆ  ๋ถ€์ฑ„ ๋ถ€๋ถ„๋“ค๋„ ๊ฐœ์„ ๋˜๋ฉด ์ข‹๊ฒ ๋‹ค ์ •๋„...? ๋น ๋ฅธ ๊ฐœ๋ฐœ ์†๋„๋ฅผ ์œ„ํ•ด ๋น ๋ฅธ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ๋„ ์ค‘์š”ํ•˜๋‹ค.

๋งˆ๋ฌด๋ฆฌ

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

๋ธ”๋กœ๊ทธ ์—…๋กœ๋“œ ๊ธ€ (์˜ˆ์ •)

  1. grit์„ ํ™œ์šฉํ•œ ๋Œ€๊ทœ๋ชจ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜
  2. typescript intellisense ์†๋„ ๊ฐœ์„ 
  3. a11y์˜ ์ค‘์š”์„ฑ

์‚ฌ์ง„ ์‚ฌ์ง„

  1. ์• ์‚ฌ๋น„ ๋Ÿฌ๋ฒ„,,

2.three.js

  1. ๋žœ๋ฐฅ๋ฉ” ํ•œ๊ฐ• ๋‚˜๋“ค์ด

  2. 4์›” ๋ด„

  3. ์•„์ง๋„ ๋ˆ„๊ตฐ์ง€ ๋ชจ๋ฆ„ ใ…Žใ…Ž..

profile
์•ˆ๋…•ํ•˜์„ธ์š” ํ”„๋ก ํŠธ์—”๋“œ ์—”์ง€๋‹ˆ์–ด ๊น€์˜ˆ์€์ž…๋‹ˆ๋‹ค.

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