๊ด€๋ฆฌ ๋ฉ”๋‰ด

Seungdols Company

๊ทธ๋ƒฅ ์ €๋ƒฅ #์œ„ํด๋ฆฌ๋‰ด์Šค #87 ๋ณธ๋ฌธ

์Šน๋Œ ์“ฐ๋‹ค

๊ทธ๋ƒฅ ์ €๋ƒฅ #์œ„ํด๋ฆฌ๋‰ด์Šค #87

๊ธ€์“ฐ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ seungdols 2020. 9. 14. 22:58

๐Ÿ’ป๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋„์›€์ด ๋˜๋Š”

ํŒ€์— ์ƒˆ๋กœ์šด ๋„๊ตฌ๋ฅผ ๋„์ž…ํ•˜๊ณ  ์‹ถ๋‹ค.

  • so-so๋‹˜์ด ํŒ€์— ๋„๊ตฌ๋ฅผ ๋„์ž… ํ•˜๋Š” ๊ฒƒ์— ๋Œ€ํ•œ ์ƒ๊ฐ์„ ๋‚จ๊ฒจ ์ฃผ์…จ๋‹ค. ์ด๊ฒƒ๊ณผ๋Š” ๋ณ„๊ฐœ๋กœ ๋‚˜๋„ ํ•œ ๋ฒˆ ์จ ๋ด์•ผ๊ฒ ๋‹ค. ํŒ€์— ๋„๊ตฌ๋ฅผ ๋„์ž… ํ•˜๊ฑฐ๋‚˜, ์–ด๋–ค ์ผ๋ จ์˜ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋„์ž… ํ•˜๋Š” ๊ฒƒ์— ๋Œ€ํ•œ ๊ธ€์„ ๋‚˜๋„ ํ•œ ๋ฒˆ ์จ ๋ณด๋ฉด ์ข‹๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด์—ˆ๋‹ค.

์ฝ”๋“œ์ˆจ(codesoom)์„ ๋๋‚ด๋ฉฐ

  • 12์ฃผ๊ฐ„ ์ง„ํ–‰ํ•˜๋Š” ์ฝ”๋“œ์ˆจ ๊ต์œก์„ ๋๋‚ธ ํšŒ๊ณ ์— ๋Œ€ํ•œ ๋‚ด์šฉ์ด๋ฉฐ, ์ฝ”๋“œ ์ˆจ ๊ต์œก์— ๋Œ€ํ•œ ์ปค๋ฆฌ ํ˜๋Ÿผ์ด ๋‚˜์™€ ์žˆ๊ณ , ์–ด๋–ป๊ฒŒ ์ง„ํ–‰ ํ•˜๊ณ , ํ”„๋กœ์ ํŠธ๋Š” ๋ฌด์—‡์„ ํ–ˆ๋Š”์ง€? ์ž˜ ๋‚จ๊ฒจ์ ธ ์žˆ๋‹ค. (์–ด๋–ค ๋ถ€๋ถ„์ด ์–ด๋ ค์› ๋Š”์ง€...์ƒˆ๋กœ์› ๋˜ ๋ถ€๋ถ„๋“ค๋„ ์ž˜ ๋‚˜์™€ ์žˆ๋‹ค.)

์ „๊ตญ์— ๋งฅ๋„๋‚ ๋“œ ์ฃผ์†Œ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋ ๊นŒ? | Daily Log

  • ์ „๊ตญ ๋งฅ๋„๋‚ ๋“œ, ์Šคํƒ€๋ฒ…์Šค ๋งค์žฅ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ์•Œ๊ณ ์ž ์‹œ์ž‘ ํ—€์œผ๋‚˜, API๊ฐ€ ๋„์™€์ฃผ์ง€ ์•Š๊ณ , query limit์— ๊ฑธ๋ ค ์—ฌ๋Ÿฌ ์‹œ๋„๋ฅผ ํ†ตํ•ด ์ŠคํŽ™ ํƒ€ํ˜‘์„ ํ†ตํ•ด ๊ฒฐ๋ก ์„ ์–ป์–ด๋‚ธ ํ›„๊ธฐ๋ฅผ ์ž˜ ๋‹ด๊ณ  ์žˆ๋‹ค.

๋นŒ๋“œ/ํ…Œ์ŠคํŠธ๋Š” ๋‚ด๊ฐ€ ํ•ด์ค„๊ฒŒ. ๋„ˆ๋Š” ์ฝ”๋”ฉ์— ์ง‘์ค‘ํ•ด (by GitHub Pull Request Builder)

  • PR - Build ci๋ฅผ webhook์œผ๋กœ ์—ฐ๋™ ํ•˜๋Š” ๊ฐ€์ด๋“œ์ธ๋ฐ, ์ •๋ง ์Šคํ… ๋ฐ”์ด ์Šคํ…์œผ๋กœ ์ž˜ ๋‚˜์™€ ์žˆ๋‹ค.

์‹ ๊ทœ ์„œ๋น„์Šค ๋ฐฐํฌ ์ „์— ์‹คํ—˜๊ณผ ๊ฐœ์„ ์„ ๋ฐ˜๋ณตํ•œ ์ด์•ผ๊ธฐ

  • ๋งˆ์ผ“ ์ปฌ๋ฆฌ์˜ ์žฌ๊ณ  ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์„ ๊ฐœ๋ฐœ ํ•˜๋ฉฐ ๊ฒช์€ ์ด์Šˆ๋“ค๊ณผ ํ•ด๊ฒฐ ๋ฐฉ์•ˆ๋“ค์„ ์ •๋ง ์ƒ์ƒํ•˜๊ฒŒ ์—ฟ๋ณผ ์ˆ˜ ์žˆ์–ด์„œ ๋„ˆ๋ฌด ์ข‹์•˜๋‹ค.

๐Ÿ–ฅFront-End

TypeScript enum์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒŒ ์ข‹์€ ์ด์œ ๋ฅผ Tree-shaking ๊ด€์ ์—์„œ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. - LINE ENGINEERING

  • Tree-shaking์— ๋Œ€ํ•œ ๊ด€์ ์—์„œ๋Š” ์ƒ๊ฐํ•ด๋ณธ ์ ์ด ์—†์—ˆ๋Š”๋ฐ, ๊ฒฐ๊ตญ ์ข‹์€ ์ ์œผ๋กœ๋Š” union types๋ฅผ ์“ฐ๋Š” ๊ฒŒ enum๋ณด๋‹ค ์ข‹๋‹ค๊ณ  ์„ค๋ช…ํ•˜๋Š” ๊ธ€์ธ๋ฐ, ์ฝ์–ด๋ณด๋ฉด ๋„์›€์ด ๋œ๋‹ค.

๋ฆฌ์•กํŠธ ์•ฑ์—์„œ์˜ ์ค‘์•™ ์ง‘์ค‘์‹ API ์—๋Ÿฌ ํ•ธ๋“ค๋ง

  • Error๋ฅผ ์ค‘์•™ ์ง‘์ค‘ ํ˜•ํƒœ๋กœ ๋”ฐ๋กœ ๋ถ„๋ฆฌ ๋‚ด์–ด 404, 400, 500 ๋“ฑ๋“ฑ ์ƒํƒœ ์ฝ”๋“œ์— ๋”ฐ๋ฅธ ํ•ธ๋“ค๋ง์„ ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœ ํ•˜๊ณ  ์žˆ๋‹ค. Redux/Apollo ๋ชจ๋‘ ์†Œ๊ฐœ๋ฅผ ํ•˜๊ณ  ์žˆ์œผ๋‹ˆ ์ฝ์–ด ๋ณด๋ฉด ๋„์›€์ด ๋œ๋‹ค. ์‚ฌ์‹ค, ๊ทธ๋ƒฅ ์ง€๋‚˜์น˜๊ธฐ ์‰ฌ์šด ์†Œ์žฌ์ด๊ธด ํ•œ๋ฐ, ์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ ์›น์ด ๋˜๋ ค๋ฉด, ์ด๋Ÿฐ ๋ถ€๋ถ„๋„ ๋…ธ๋ ฅ ํ•ด์•ผ ํ•˜์ง€ ์•Š์„๊นŒ? ์ƒ๊ฐ ํ•œ๋‹ค.

โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 1ํšŒ์ฐจ

โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 2ํšŒ์ฐจ

โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 3ํšŒ์ฐจ

โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 4ํšŒ์ฐจ

  • ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 4ํšŒ์ฐจ์— ๊ฑธ์นœ ์‹œ๋ฆฌ์ฆˆ ๊ธ€์ธ๋ฐ, ์ •๋ง ์ž์„ธํ•˜๊ฒŒ ๊ธฐ๋ก ๋˜์–ด ์žˆ๊ณ , ์ •๋ฆฌ๊ฐ€ ์ •๋ง ์ž˜ ๋˜์–ด ์žˆ์–ด์„œ ์ฐธ๊ณ  ํ•˜๊ธฐ ์ข‹๋‹ค.
Tag
, , ,

๊ณต์œ ํ•˜๊ธฐ ๋งํฌ
0 Comments
๋Œ“๊ธ€์“ฐ๊ธฐ ํผ