Transparent White Star

๐Ÿ’ก ์•Œ์•„๋‘๋ฉด ์ข‹์€ ๊ฒƒ๋“ค/๋ฉด์ ‘ ๋Œ€๋น„

๐Ÿšช ๋“ค์–ด๊ฐ€๋ฉฐ๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง ๊ณผ์ •์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž ! ๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง ๊ณผ์ •์€ ๋ณต์žกํ•œ ์—ฌ๋Ÿฌ ๋‹จ๊ณ„๋ฅผ ๊ฑฐ์นœ๋‹ค.๐Ÿชฝ ๋ Œ๋”๋ง ๊ณผ์ •DOM ํŒŒ์‹ฑ: HTML์„ ํŒŒ์‹ฑํ•˜์—ฌ DOM ํŠธ๋ฆฌ(๋ฌธ์„œ ๊ฐ์ฒด ๋ชจ๋ธ)๋ฅผ ์ƒ์„ฑCSSOM ์ƒ์„ฑ: CSS๋ฅผ ํŒŒ์‹ฑํ•˜์—ฌ CSSOM ํŠธ๋ฆฌ(์Šคํƒ€์ผ ๊ทœ์น™ ํŠธ๋ฆฌ)๋ฅผ ๋งŒ๋“ฌ๋ Œ๋” ํŠธ๋ฆฌ ์ƒ์„ฑ: DOM๊ณผ CSSOM์„ ๊ฒฐํ•ฉํ•˜์—ฌ ํ™”๋ฉด์— ๊ทธ๋ฆด ์š”์†Œ๋ฅผ ํฌํ•จํ•œ ๋ Œ๋” ํŠธ๋ฆฌ๋ฅผ ๋งŒ๋“ฌ๋ ˆ์ด์•„์›ƒ: ๊ฐ ์š”์†Œ์˜ ํฌ๊ธฐ์™€ ์œ„์น˜๋ฅผ ๊ณ„์‚ฐํŽ˜์ธํŒ…: ๊ณ„์‚ฐ๋œ ์Šคํƒ€์ผ๊ณผ ์œ„์น˜์— ๋”ฐ๋ผ ํ™”๋ฉด์— ๊ทธ๋ฆผํ•ฉ์„ฑ ๋‹จ๊ณ„: ๋ณต์žกํ•œ ๋ ˆ์ด์–ด๋ฅผ ๊ด€๋ฆฌํ•˜์—ฌ ์ตœ์ ํ™”๋œ ํ™”๋ฉด ์ถœ๋ ฅ๐Ÿ“ฟ ์ด๋ฒคํŠธ ๋ฃจํ”„๋ Œ๋”๋ง ๊ณผ์ •์€ HTML๊ณผ CSS๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ™”๋ฉด์„ ํ‘œ์‹œํ•˜๋Š” ๋ฐ ์ง‘์ค‘ํ•˜๊ณ , ์ด๋ฒคํŠธ ๋ฃจํ”„๋Š” ๋น„๋™๊ธฐ ์ž‘์—…์„ ๊ด€๋ฆฌํ•˜์—ฌ ์‚ฌ์šฉ์ž ์ธํ„ฐ๋ž™์…˜์— ๋Œ€ํ•œ ๋ฐ˜์‘์„ฑ์„ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ ๋ฃจํ”„๋Š” ๋ Œ๋”๋ง ๊ณผ์ •์˜ ์ˆ˜ํ–‰๊ณผ..
this๋Š” ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•œ ๊ฐ์ฒด์ด๋‹ค๐Ÿ’ก this โžก๏ธ๏ฝ›โ‡๏ฝthis๋Š” ์–ด๋–ค ๊ฐ์ฒด๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š” ํ‚ค์›Œ๋“œ์ด๋‹ค ! ๊ทธ๋Ÿฐ๋ฐ this๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๋Š” ๊ฐ์ฒด๋Š” ์ƒํ™ฉ์— ๋”ฐ๋ผ ๋ณ€ํ•œ๋‹ค.1. mainํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค๊ณ  this๋ฅผ ์ถœ๋ ฅํ•ด๋ณด์ž.์ด๋ ‡๊ฒŒ main() ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค๊ณ  ์‹คํ–‰์‹œ์ผœ ์ฃผ๋ฉด this๋Š” Window๊ฐ์ฒด๊ฐ€ ๋œ๋‹ค.์ฆ‰, main() === Window.main()๊ณผ ๊ฐ™์€ ์˜๋ฏธ์ธ ๊ฒƒ์ด๋‹ค ๐Ÿ‘ ์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“  main ํ•จ์ˆ˜๋„ ์ž˜ ๋“ค์–ด์žˆ๋‹ค.2. object๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค๊ณ  object์˜ main ๋ฉ”์„œ๋“œ๋ฅผ ํ˜ธ์ถœํ•˜์—ฌ this๋ฅผ ์ถœ๋ ฅํ•ด ๋ณด์ž.3. object.main์„ ๋‹ด๋Š” main2๋ฅผ ์ถœ๋ ฅํ•ด ๋ณด์ž.  main2 ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•œ ๊ฐ์ฒด๋Š” ๋” ์ด์ƒ object๊ฐ€ ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— main2์˜ this๋Š” Window๊ฐ์ฒด๋ฅผ ์ถœ๋ ฅํ•œ๋‹ค.์—ฌ๊ธฐ์„œ ์šฐ๋ฆฌ๊ฐ€ ์•Œ์•„์•ผํ•  ์  !!..
interface์ธํ„ฐํŽ˜์ด์Šค๋Š” ๊ฐ์ฒด๊ฐ€ ๊ฐ€์ ธ์•ผ ํ•  ์†์„ฑ๊ณผ ๋ฉ”์„œ๋“œ๋ฅผ ์ •์˜ํ•˜๋Š” ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค. ๊ฐ์ฒด์˜ ๊ตฌ์กฐ๋ฅผ ์ •์˜ํ•˜๊ฑฐ๋‚˜, ์ƒ์†์„ ํ†ตํ•ด ์ฝ”๋“œ์˜ ์žฌ์‚ฌ์šฉ์„ฑ์„ ๋†’์ด๋Š” ๋ฐ ์ฃผ๋กœ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.type aliasํŠน์ • ํƒ€์ž…์„ ์ •์˜ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.๊ฐ์ฒด๋ฅผ ํฌํ•จํ•œ ๋‹ค์–‘ํ•œ ํ˜•ํƒœ์˜ ํƒ€์ž…์„ ์ •์˜ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋ฉฐ, ๋” ์œ ์—ฐํ•œ ์ •์˜๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.๐Ÿšจ interface๋Š” '๊ฐ์ฒด์šฉ์ด๋‹ค.','์ƒ์†ํ•˜๊ธฐ ์œ„ํ•œ ์šฉ์ด๋‹ค.'๋ผ๊ณ  ๋งํ•˜๋Š”๋ฐ โŒ ์•„๋‹ˆ๋‹ค !! type alias ๋ฐฉ์‹๋„ ๊ฐ์ฒด, ์ƒ์† ๋ชจ๋‘ ๊ฐ€๋Šฅํ•˜๋‹ค !! 1๏ธโƒฃ ์œ ์—ฐ์„ฑ / ์œ ๋‹ˆ์˜จ ํƒ€์ž…์˜ ํ˜ผ๋ž€ ๋ฐœ์ƒtype aliastype Dog = | { eat(): string; woof(): string; } | {};const jindo: Dog = { constructor(pri..
yyezzzy
'๐Ÿ’ก ์•Œ์•„๋‘๋ฉด ์ข‹์€ ๊ฒƒ๋“ค/๋ฉด์ ‘ ๋Œ€๋น„' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก