Community

๐Ÿ’ก ์นด์นด์˜ค์˜ ๊ฐœ๋ฐœ์ž ์ปจํผ๋Ÿฐ์Šค if(kakao)dev๊ฐ€ ๊ฐœ์ตœ๋ฉ๋‹ˆ๋‹ค

- ์ง€๋‚œ ๋‹ฌ ํŒ๊ต ๋ฐ์ดํ„ฐ์„ผํ„ฐ ํ™”์žฌ๋กœ ์ธํ•œ ์„œ๋น„์Šค ์žฅ์•  ํšŒ๊ณ  ๋‚ด์šฉ๋„ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. --- ์นด์นด์˜ค๊ฐ€ 12์›” 7์ผ๋ถ€ํ„ฐ 9์ผ๊นŒ์ง€ ๊ฐœ๋ฐœ์ž ์ปจํผ๋Ÿฐ์Šค `if(kakao)dev 2022` ๋ฅผ ์˜จ๋ผ์ธ์œผ๋กœ ๊ฐœ์ตœํ•œ๋‹ค๊ณ  ํ•˜๋„ค์š”. ํ”„๋ก ํŠธ์—”๋“œ ์„ธ์…˜์œผ๋กœ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋‚ด์šฉ์ด ํฌํ•จ๋˜์–ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. - ํ”„๋ก ํŠธ์—”๋“œ์—์„œ์˜ ๋งˆ์ดํฌ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜(Micro Front-end Architecture) - Lighthouse๋ฅผ ์ด์šฉํ•œ ์›น ๋ฐ˜์‘์„ฑ ๊ฐœ์„  - ๋ธŒ๋Ÿฐ์น˜ FE ๋ ˆ๊ฑฐ์‹œ ๊ฐœ์„  - Redux์—์„œ React Query๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ํ›„๊ธฐ - Preact๋ฅผ ์ด์šฉํ•œ ๊ด‘๊ณ  ์›น SDK ๋ฆฌํŒฉํ„ฐ๋ง - WebGL์„ ์ด์šฉํ•œ ์‚ฌ์ง„ ํŽธ์ง‘๊ธฐ - React์˜ ์ฝ”๋“œ ๊ฐ€๋…์„ฑ - Svelte์—์„œ ์ ์šฉํ•˜๋Š” ๋ฆฌ์•กํ‹ฐ๋ธŒ ํ”„๋กœ๊ทธ๋ž˜๋ฐ - ๋งˆ์ดํฌ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜ ์ ์šฉ ํ›„๊ธฐ - CSR ํ™˜๊ฒฝ ๊ณ ๋„ํ™” - React์—์„œ Sentry๋ฅผ ์ด์šฉํ•œ ์—๋Ÿฌ ์ถ”์  ์‚ฌ์‹ค ๋งค๋…„ ํ•ด์™”๋˜ ์นด์นด์˜ค์˜ ์ปจํผ๋Ÿฐ์Šค์˜€์ง€๋งŒ, ์ง€๋‚œ ๋‹ฌ ํŒ๊ต ๋ฐ์ดํ„ฐ์„ผํ„ฐ ํ™”์žฌ๋กœ ์ธํ•ด ๋ฐœ์ƒํ•œ ์„œ๋น„์Šค ์žฅ์•  ํšŒ๊ณ  ๋‚ด์šฉ์ด ํฌํ•จ๋˜์–ด ์žˆ์–ด์„œ ๋” ์ฃผ๋ชฉ์ด ๊ฐ€๋„ค์š”. ์‚ฌ์‹ค ์นด์นด์˜คํ†ก์€ ์ „๊ตญ๋ฏผ์ด ์“ฐ๋Š” ์„œ๋น„์Šค๋‹ค๋ณด๋‹ˆ ์žฅ์•  ์—ฌํŒŒ๋„ ์—ญ๋Œ€๊ธ‰์œผ๋กœ ์ปธ๊ณ , ๋ณต๊ตฌ๋˜๋Š” ๋ฐ์—๋„ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ ค์„œ ์•ˆ ์ข‹์€ ์†Œ๋ฆฌ๋ฅผ ๋งŽ์ด ๋“ค์—ˆ์ž–์•„์š”. ๋™์ข… ์—…๊ณ„์—์„œ ์ผํ•˜๋Š” ์‚ฌ๋žŒ์œผ๋กœ์„œ ์žฌ๋ฐœ ๋ฐฉ์ง€ ๋Œ€์ฑ…์„ ์ด๋ฒˆ์— ์ž˜ ๋งˆ๋ จํ•ด ๋ฐœํ‘œํ–ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

์•Œ๋ฆผ

์•Œ๋ฆผ์ด ์—†์Šต๋‹ˆ๋‹ค