[์ฑ…] ์‰ฝ๊ฒŒ ์‹œ์ž‘ํ•˜๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
728x90

์‰ฝ๊ฒŒ ์‹œ์ž‘ํ•˜๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ

๋ทฐ(Vue)์™€ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ฐ•์˜๋กœ ์œ ๋ช…ํ•œ ์ €์ž ์บกํ‹ดํŒ๊ต๋‹˜์˜ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ฑ…, ์‰ฝ๊ฒŒ ์‹œ์ž‘ํ•˜๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ฝ๊ณ  ๋‚จ๊ฒจ๋ณด๋Š” ๋ฆฌ๋ทฐ!..

๊ธธ๋ฒ— ์ถœํŒ์‚ฌ๋กœ๋ถ€ํ„ฐ ์ฑ…์„ ์ œ๊ณต๋ฐ›์•„ ์„œํ‰์„ ์ž‘์„ฑํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

 

๊ณต๋ถ€ํ•ด ์˜ค๋ฉฐ ์บกํ‹ดํŒ๊ต๋‹˜์˜ ๋ธ”๋กœ๊ทธ๋‚˜ ํ•ธ๋“œ๋ถ์„ ์ฝ์œผ๋ฉฐ ๋„์›€๋ฐ›์•˜๋˜ ๊ธฐ์–ต์ด ์žˆ์–ด ๋‚ด์  ์นœ๋ฐ€๊ฐ์„ ์กฐ๊ธˆ ๋Š๋ผ๋ฉฐ ์ฑ…์„ ์ฝ์—ˆ๋‹ค.

ํŠนํžˆ ๋น„๋™๊ธฐ ๊ด€๋ จํ•ด์„œ ์™์™ ์ดํ•ด๋˜์—ˆ๋˜ ๊ธฐ์–ต.. ๐Ÿฅบ

 

https://joshua1988.github.io/

 

์บกํ‹ดํŒ๊ต

 

joshua1988.github.io

 

๋ณดํ†ต ์ฑ…์˜ ๋ชฉ์ฐจ๋ฅผ ๋ˆˆ์—ฌ๊ฒจ๋ณด๋Š”์ง€๋ผ ์–ด๋–ค ์ฑ…์ด๋“  ๊ตฌ์ž…ํ•˜๊ฑฐ๋‚˜ ์ฝ๊ธฐ ์ „์— ๋ชฉ์ฐจ๋ถ€ํ„ฐ ์‚ดํŽด๋ณด๋Š” ํŽธ์ธ๋ฐ,

์ด ์ฑ…์€ ๋ชฉ์ฐจ๊ฐ€ ์ž˜ ์ •๋ฆฌ๋˜์–ด ์žˆ๊ณ  ๊ตฌ๋ถ„ํ•˜๊ธฐ ์‰ฌ์›Œ ์ฑ…์— ๋Œ€ํ•œ ํ˜ธ๊ฐ๋„๊ฐ€ ์ƒ์Šนํ–ˆ๋‹ค. (!)

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์†Œ๊ฐœ๋ถ€ํ„ฐ ์‹ค์ „ ํ”„๋กœ์ ํŠธ๊นŒ์ง€ ๋ฌด๋ ค 19์žฅ์œผ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์Œ.. 

 

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

๋˜ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์•„์˜ˆ ๋ชจ๋ฅธ๋‹ค๊ณ  ํ•˜๋”๋ผ๋„, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฒ ์ด์Šค๋กœ ์นœ์ ˆํ•˜๊ฒŒ ์„ค๋ช…ํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์—

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ์–ด๋Š ์ •๋„ ์ต์ˆ™ํ•œ ์‚ฌ๋žŒ์ด๋ผ๋ฉด ์ถฉ๋ถ„ํžˆ ํ•จ๊ป˜ ๋”ฐ๋ผ ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™์•˜๋‹ค.

 

์ €์ž ๋ถ„์˜ ์ธํ”„๋Ÿฐ์˜ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ๊ฐ•์˜๋„ ์†Œ์žฅํ•˜๊ณ  ์žˆ๋Š”๋ฐ, ๊ฐ•์˜๋ฅผ ๋‹ค์‹œ ๋ณต์Šตํ•œ๋‹ค๋Š” ๊ธฐ๋ถ„์œผ๋กœ ๋ดค๋‹ค.

์•„๋ฌด๋ž˜๋„ ๊ฐ•์˜๊ฐ€ ์˜คํ”ˆ๋œ์ง€ 3๋…„ ๋˜์–ด๊ฐ€๋‹ค ๋ณด๋‹ˆ, ๊ฐ•์˜๋ณด๋‹ค ์ข€ ๋” ์ •์ œ๋œ ๋‚ด์šฉ์œผ๋กœ ๋ณด๋Š” ๋Š๋‚Œ!

 

๊ฐœ์ธ์ ์œผ๋กœ๋Š” ํƒ€์ž…์ด ์ถ”๋ก ๋˜๋Š” ๋ชจ์Šต์ด๋ผ๋˜๊ฐ€ ์—๋Ÿฌ ์ผ€์ด์Šค๋“ค์— ๋Œ€ํ•œ ์ด๋ฏธ์ง€๋“ค๋„ ๋งŽ์ด ๋‹ด๊ฒจ์žˆ์–ด์„œ ์ข‹์•˜๋‹ค.

((ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๋ฉฐ ๋งŽ์ด ๋ณธ ์—๋Ÿฌ๋“ค..))

 

 

๊ด€์‹ฌ ์žˆ๊ฒŒ ๋ดค๋˜ ๋ถ€๋ถ„

๊ฐ“ ์‹ ์ž… ๊ฐœ๋ฐœ์ž๋กœ์„œ ์ด ์ฑ…์—์„œ ํŠนํžˆ ๋ˆˆ์—ฌ๊ฒจ๋ดค๋˜ ๋ถ€๋ถ„๋“ค์€ ์ด๋ ‡๋‹ค.

 

์œ ํ‹ธ๋ฆฌํ‹ฐ ํƒ€์ž… ํŒŒํŠธ

Pick, Omit, Record ๋“ฑ ํšŒ์‚ฌ์—์„œ๋„ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ํƒ€์ž…๋“ค์ด ์žˆ๋‹ค.

ํšŒ์‚ฌ ์˜จ๋ณด๋”ฉ ๊ธฐ๊ฐ„์— ์ฒ˜์Œ ์•Œ๊ฒŒ ๋˜์—ˆ์ง€๋งŒ ์•„์ง ๋‚ฏ์„  ํƒ€์ž…๋“ค..

๋‘๋ฃจ๋ญ‰์ˆ ํ•˜๊ฒŒ ์•Œ๊ณ ์žˆ๋˜ ๊ฒƒ๋“ค์„ ์ฑ…์„ ํ†ตํ•ด ํšจ๊ณผ์ ์œผ๋กœ ์ตํž ์ˆ˜ ์žˆ์—ˆ๋‹ค.

 

๋‹จ์ˆœํžˆ ์•Œ๋ ค์ฃผ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š”์ง€์— ๋Œ€ํ•œ ๋ถ€๋ถ„๋„ ์žˆ์–ด์„œ ์ดํ•ด๊ฐ€ ๋น ๋ฅด๊ฒŒ ๋˜์—ˆ๋‹ค.

id ์†์„ฑ๋งŒ ๋„˜๊ธฐ๋Š” ๊ฒฝ์šฐ์—” Pick, id์™€ checkd ์†์„ฑ๋งŒ ๋„˜๊ธฐ๋Š” ๊ฒฝ์šฐ์—” Omit ๋“ฑ๋“ฑ..

 

์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ ์šฉํ•˜๊ธฐ ํŒŒํŠธ

์ข…์ข… ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์„ค์น˜ ์‹œ์— ํƒ€์ž… ๋•Œ๋ฌธ์— ๊ณคํ˜น์Šค๋Ÿฌ์› ๋˜ ์ ์ด ์žˆ์—ˆ๋Š”๋ฐ ๋„์›€์ด ๋ ๋งŒํ•œ ๋ถ€๋ถ„์ด๋ผ ์ข‹์•˜๋‹ค.

ํƒ€์ž…์ด ์กด์žฌํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๊นŒ์ง€ ๋‹ค๋ค„์ฃผ์—ˆ๋‹ค!..

 

tsconfig ์„ค์ • ํŒŒํŠธ

strict๋‚˜ target ๋“ฑ ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ์˜ต์…˜์— ๋Œ€ํ•ด์„œ ํ•˜๋‚˜ํ•˜๋‚˜ ์„ค๋ช…ํ•ด ์ฃผ์–ด ์ข‹์•˜๋‹ค!

ํŠนํžˆ ์ฒ˜์Œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ‘ํ•˜๋ฉด์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•ด๋ณด๋ ค ํ•  ๋•Œ ์˜ต์…˜ ๊ด€๋ จํ•ด์„œ ์—๋Ÿฌ๋„ ๋งŽ์ด ๊ฒช์—ˆ์—ˆ๋Š”๋ฐ ๋„์›€์ด ๋ ๋ฒ•ํ•œ ๋‚ด์šฉ์ด ๋งŽ์•˜๋‹ค.

 

 

 

๊ทธ๋ž˜์„œ ์ถ”์ฒœํ•˜๋Š”์ง€

๋ณดํ†ต์˜ ๊ฐœ๋ฐœ ์„œ์ ์ฒ˜๋Ÿผ ๋‘ํˆผํ•œ ์ฑ…์ด์ง€๋งŒ ๋ณด๊ธฐ์™€ ๋‹ค๋ฅด๊ฒŒ ์ •๋ง ์ˆ ์ˆ  ์ฝํžˆ๋Š” ๊ตฌ์–ด์ฒด๋กœ ์“ฐ์ธ ์ฑ…์ด๋‹ค.

์ข…์ข… ๊ตฌ์–ด์ฒด์—ฌ๋„ ์ž˜ ์ฝํžˆ์ง€ ์•Š๋Š” ์ฑ…์ด ์žˆ๋Š”๋ฐ, ๊ตฌ์–ด์ฒด๋กœ ์„œ์ˆ ๋œ ๊ฒƒ ์น˜๊ณ ๋„ ํ›„๋ฃจ๋ฃฉ ์ฝํžˆ๋Š” ํŽธ!

ํ•œ ํŽ˜์ด์ง€์— ๋“ค์–ด์žˆ๋Š” ๊ธ€์˜ ๋‚ด์šฉ์ด๋‚˜ ๊ฐ„๊ฒฉ ๊ฐ™์€ ๊ฒƒ๋„ ์ ๋‹นํ•ด์„œ ๊ฐ€๋…์„ฑ์ด ๋” ์ข‹๊ฒŒ ๋Š๊ปด์กŒ๋Š”์ง€, ๋ˆˆ์— ๋” ์ž˜ ๋“ค์–ด์™”๋‹ค.

 

 

๊ตณ์ด ๊ด€์‹ฌ์žˆ๊ฒŒ ๋ณธ ๋ถ€๋ถ„์„ ๊ผฝ์•„๋ณด์•˜์ง€๋งŒ ์ „๋ฐ˜์ ์œผ๋กœ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•œ ์žฅ๋ฒฝ์„ ๋งŽ์ด ๋‚ฎ์ถ”๊ณ  ์ง„์ž…ํ•  ์ˆ˜ ์žˆ๋Š” ์ฑ…์ด๋ผ๊ณ  ๋Š๊ผˆ๋‹ค.

์ œ๋ชฉ์ด ์‰ฝ๊ฒŒ ์‹œ์ž‘ํ•˜๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์ธ ๋งŒํผ, ์ƒˆ๋กญ๊ฒŒ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šฐ๋Š” ๋ถ„๋“ค๊ป˜ ํŠนํžˆ ๋” ์ถ”์ฒœํ•˜๊ณ  ์‹ถ๋‹ค!

๋˜ ๋‚˜์ฒ˜๋Ÿผ ์ผ๋‹จ ์จ๋ณด๊ณ ๋Š” ์žˆ๋Š”๋ฐ ์ด์ฐธ์— ํ•œ๋ฒˆ ์ œ๋Œ€๋กœ ์ •๋ฆฌํ•ด๋ณด๊ณ  ์‹ถ๋‹ค ํ•˜๋Š” ๋ถ„๋“ค๊ป˜๋„ ์ถ”์ฒœํ•˜๊ณ  ์‹ถ๋‹ค. ๐Ÿ‘

 

 

 

 

728x90