dev/typescript 1

[ TS ] ์  ํ‘œ๊ธฐ๋ฒ•์œผ๋กœ ๊ฐ์ฒด์— ์ ‘๊ทผ ํ•  ์ˆ˜ ์—†๋Š” ์ด์œ 

์ •๊ธฐ ๋ฐฐํฌ๊ฐ€ ๋‚˜๊ฐ€์•ผ ํ•˜๋Š”๋ฐ ๋นŒ๋“œ์ค‘์— eslint ์—๋Ÿฌ๋กœ ๋ฉˆ์ถ˜ ์ ์ด ์žˆ๋‹ค. ํ•ด๋‹น ํŒŒ์ผ์€ tsx ์ด๊ณ , ์  ํ‘œ๊ธฐ๋ฒ•์œผ๋กœ ๊ฐ์ฒด๋ฅผ ์กฐํšŒํ•˜๋Š” ๋ถ€๋ถ„์—์„œ ๋‚˜๋Š” ์—๋Ÿฌ์˜€๋‹ค. ํ•ด๋‹น ์—๋Ÿฌ๋ฅผ ์ˆ˜์ •ํ•œ PR์„ ์ฝ”๋“œ ๋ฆฌ๋ทฐํ•˜๋ฉฐ ์ฒ˜์Œ์—์„œ๋Š” ๊ฐ์ฒด ์กฐํšŒ ํ˜•์‹ ๊ฐ„์˜ ์ฐจ์ด ๋•Œ๋ฌธ์ธ๊ฐ€? ์‹ถ์—ˆ๋Š”๋ฐ ์ฐพ์•„๋ณด๋‹ˆ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์—์„œ ๊ฐ์ฒด๋ฅผ ์กฐํšŒํ•  ๋•Œ์˜ ๋ฌธ์ œ์˜€๋‹ค. ์œ„ ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด target.childNodes๋ฅผ ๋ณต์‚ฌํ•˜์—ฌ ๋‚ด๋ถ€ ๋ฐฐ์—ด์„ ์ˆœํšŒํ•œ๋‹ค. ์ด๋•Œ ๊ฐ ๋ฐฐ์—ด์—๋Š” ๊ฐ์ฒด๊ฐ€ ๋“ค์–ด์žˆ๋Š”๋ฐ ์ด ๊ฐ์ฒด๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š”๊ฒŒ cur์ด๋‹ค. ํ•˜์ง€๋งŒ cur์— ๋Œ€ํ•œ ์–ด๋– ํ•œ ํƒ€์ž… ์ •์˜๋„ ๋˜์–ด์žˆ์ง€ ์•Š๋‹ค. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ๊ฐ์ฒด์— ๋Œ€ํ•œ ํƒ€์ž… ์ •์˜๋ฅผ type ๋˜๋Š” interface๋ฅผ ํ†ตํ•ด์„œ ์ œ๊ณตํ•˜๋Š”๋ฐ ํƒ€์ž…์ด ๋ช…์‹œ๋˜์–ด ์žˆ์ง€ ์•Š์€ ๊ฒฝ์šฐ ์  ํ‘œ๊ธฐ๋ฒ•์„ ํ†ตํ•ด ๊ฐ์ฒด๋ฅผ ์กฐํšŒํ•˜๋ฉด ์—๋Ÿฌ๋ฅผ ๋ฟœ๋Š”๋‹ค. ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝ..

dev/typescript 2022.04.22