profile
Hello all ๐Ÿ‘‹๐Ÿป ๐Ÿ“London
post-thumbnail

TIL - Browser coordinates

โ˜„๏ธ Browser coordinates ๐Ÿ“coordinates ๐Ÿ‘‰ ํ•ญ์ƒ ๊ธฐ์ค€์ ์€ ์™ผ์ชฝ ์ƒ๋‹จ (0,0)์œผ๋กœ ์‹œ์ž‘. ๐Ÿ‘‰ ๋ธŒ๋ผ์šฐ์ €์˜ right, bottom์€ CSS์™€ ๋‹ค๋ฆ„. ๋ธŒ๋ผ์šฐ์ €์˜ ์ขŒํ‘œ๋Š” ๋ฌด์กฐ๊ฑด ์ขŒ์ธก ์ƒ๋‹จ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ํŽธํ•จ. ๐Ÿ“Get the coor

2021๋…„ 7์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL - Window global object

โ˜„๏ธWindow global object

2021๋…„ 7์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JS - Browser rendering process

๋ธŒ๋ผ์šฐ์ €๋Š” html, css , JS, img file ๋“ฑ ๋ Œ๋”๋ง์— ํ•„์š”ํ•œ ๋ฆฌ์†Œ์Šค๋ฅผ ์„œ๋ฒ„๋กœ ์š”์ฒญํ•˜๊ณ  ์‘๋‹ต๋ฐ›๋Š”๋‹ค. ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ์—”์ง„์€ ์„œ๋ฒ„๋กœ ๋ถ€ํ„ฐ ์‘๋‹ต๋œ html, css๋ฅผ ํŒŒ์‹ฑํ•˜์—ฌ DOM๊ณผ CSSOM ์ƒ์„ฑํ•˜๊ณ  ์ด๋“ค์„ ๊ฒฐํ•ฉํ•˜์—ฌ ๋ Œํ„ฐ๋“œ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. JS ์—”์ง„์€ ์„œ๋ฒ„๋กœ

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