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

js - event bubbling / event flow

credit ๊น€๋ฒ„๊ทธ https://www.youtube.com/watch?v=7gKtNC3b_S8html์€ ์ค‘์ฒฉ๋˜์–ด์žˆ๋Š” ๊ตฌ์กฐ.ex) div,body,html eventListner์ด ๋“ฑ๋ก๋˜์–ด์žˆ๋‹ค. => ์ด๋ฒคํŠธ ์ค‘์ฒฉ!div ํด๋ฆญ์‹œ, div์˜ ๋ถ€๋ชจ ํƒœ๊ทธ๋“ค์— ๋“ฑ๋ก๋œ

2022๋…„ 3์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

js - event ์ข…๋ฅ˜

๐Ÿ‘‰๐Ÿผ Event referencehttps://developer.mozilla.org/ko/docs/Web/EventsDOM ์ด๋ฒคํŠธ๋Š” ๋ฐœ์ƒํ•œ ํฅ๋ฏธ๋กœ์šด ๊ฒƒ์„ ์ฝ”๋“œ์— ์•Œ๋ฆฌ๊ธฐ ์œ„ํ•ด ์ „๋‹ฌ๋ฉ๋‹ˆ๋‹ค. ๊ฐ ์ด๋ฒคํŠธ๋Š” Event ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœํ•œ ๊ฐ์ฒด์— ์˜ํ•ด ํ‘œํ˜„๋˜๋ฉฐ

2022๋…„ 3์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JS - Browser rendering process

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

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