profile
Minsoo
Hello all ๐Ÿ‘‹๐Ÿป ๐Ÿ“London
๊ธ€์‹œ๋ฆฌ์ฆˆ์†Œ๊ฐœ
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (38)js(9)ruby(9)TIL(5)rails(4)DOM(3)object(3)JavaScript(3)lewagon(3)browser(3)React(2)git(2)hoisting(1)error(1)json(1)window(1)CSS(1)Fetch(1)ES6(1)CSSOM(1)csv(1)๋ฃจ๋น„(1)refactoring(1)sql(1)terminal(1)API(1)OOP(1)http(1)coordinate(1)ActiveRecord(1)
post-thumbnail

TIL - Browser coordinates

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

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

TIL - Window global object

โ˜„๏ธWindow global object

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

JS - Browser rendering process

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

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