profile
Front ๐Ÿ’” End

TIL: ์—ด๊ฑฐํ˜•

ํŠน์ •ํ•œ ๋„˜๋ฒ„ ํ˜น์€ ์ŠคํŠธ๋ง์„ ํƒ€์ž…์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค.์•„๋ž˜์™€ ๊ฐ™์€ ์˜ˆ์‹œ๊ฐ€ ๊ทธ์— ํ•ด๋‹นํ•œ๋‹ค.๊ทธ๋Ÿฐ๋ฐ ์œ„์ฒ˜๋Ÿผ or ์—ฐ์‚ฐ์ž๋กœ ํƒ€์ž…์„ ์ •์˜ํ•ด ๋ฒ„๋ฆฌ๋ฉด ์ถ•์•ฝํ˜•์œผ๋กœ ์“ด ja, ko, en์ด ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋Š”์ง€ ๊นŒ๋จน๊ฑฐ๋‚˜ ๋ชจ๋ฅผ ๋•Œ๊ฐ€ ์žˆ๋‹ค. ug๊ฐ€ ์–ด๋–ค ๊ตญ๊ฐ€๋ฅผ ์˜๋ฏธํ•˜๋Š”์ง€ ์•„๋Š” ์‚ฌ๋žŒ์ด ์žˆ์„

2022๋…„ 1์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

TIL: typescript(class, tsconfig ์˜ต์…˜)

๋ฐฐ์šด ๋‚ด์šฉ ์ •๋ฆฌํ•˜๊ธฐ typescript 1. class์—์„œ ์„ ์–ธํ•œ private(ํด๋ž˜์Šค ์™ธ๋ถ€์—์„œ ์ ˆ๋Œ€ ์ ‘๊ทผ ๋ถˆ๊ฐ€), protected(private์™€ ๋™์ผํ•˜์ง€๋งŒ ํ™•์žฅ๋œ ํด๋ž˜์Šค์—์„œ๋Š” ์ ‘๊ทผ ๊ฐ€๋Šฅ) ๋ฉค๋ฒ„๊ฐ€ ์žˆ๋‹ค๋ฉด, ๊ตฌ์กฐ๊ฐ€ ๋™์ผํ•˜๋”๋ผ๋„ ๋ฐ˜๋“œ์‹œ ๋™์ผํ•œ ํด๋ž˜์Šค๋ฅผ ํ†ตํ•ด ์ •์˜๋œ

2022๋…„ 1์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

๋• ํƒ€์ดํ•‘

๋ฆฌํŒฉํ„ฐ๋ฆฌ 2ํŒ ์ค‘ ๋•ํƒ€์ดํ•‘์ด๋ผ๋Š” ์šฉ์–ด๊ฐ€ ๋“ฑ์žฅํ–ˆ๋‹ค. ํ•ด๋‹น ์šฉ์–ด๋ฅผ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ •์˜ํ•˜๊ณ  ์žˆ๋Š”๋ฐ, ๋ช…ํ™•ํ•˜๊ฒŒ ์™€๋‹ฟ์ง€ ์•Š๋Š”๋‹ค. duck typing: ์ž๋ฐ”์˜ ํƒ€์ž… ์‹œ์Šคํ…œ์€ '์ด๋ฆ„'์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํƒ€์ž…์„ ๊ตฌ๋ถ„ํ•œ๋‹ค. ํด๋ž˜์Šค A์™€ B๊ฐ€ ๋˜‘๊ฐ™์€ ํ•„๋“œ์™€ ๋ฉ”์„œ๋“œ๋ฅผ ์ œ๊ณตํ•˜๋”๋ผ๋„ ํด๋ž˜์Šค ์ด๋ฆ„์ด

2022๋…„ 1์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

DOM Interface

typescript๋ฅผ ์‚ฌ์šฉํ•˜๋‹ค๋ณด๋ฉด DOM๊ณผ ๊ด€๋ จ๋˜๋ฉฐ, ์ด๋ฏธ ์ •์˜๋˜์–ด ์žˆ๋Š” interface๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ๊ฐ€ ์žˆ๋‹ค.์˜ˆ๋ฅผ ๋“ค์–ด ChildNode, HTMLElement๊ฐ€ ํ•ด๋‹นํ•œ๋‹ค.๊ทธ๋Ÿฐ๋ฐ ์ •๋ง ํ—ท๊ฐˆ๋ฆฐ๋‹ค. ChildNode, HTMLElement ๋ญ๊ฐ€ ๋‹ค๋ฅธ๊ฑฐ์ง€?๊ทธ๋ž˜์„œ ์กฐ์‚ฌํ•ด๋ณด์•˜

2021๋…„ 12์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

typescript์˜ Mapped type์— ๋Œ€ํ•ด

mapped type์€ ๊ฐ์ฒด์— ๋Œ€ํ•œ type์„ ์ง€์ •ํ•  ๋•Œ, property key ํ˜น์€ value๋ฅผ ์กฐ๊ธˆ ๋” ์œ ์—ฐํ•˜๊ฒŒ ์ง€์ •ํ•˜๋„๋ก ๋„์™€์ค€๋‹ค. ์œ ์—ฐํ•˜๋‹ค๋Š” ์˜๋ฏธ๋Š”, ๋งˆ์น˜ Js์˜ computed property names ๋ฌธ๋ฒ• ์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์˜๋ฏธ์ด๋‹ค.

2021๋…„ 9์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท