yceffort
EN
05 POSTS

Browser 2

  • #javascript#browser

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ด๋ฒคํŠธ๋ฃจํ”„, ํƒœ์Šคํฌ, ๊ทธ๋ฆฌ๊ณ  ๋งˆ์ดํฌ๋กœ ํƒœ์Šคํฌ

    ## ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋‹จ์ผ ์Šค๋ ˆ๋“œ ๊ธฐ๋ฐ˜์˜ ์–ธ์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” '๋‹จ์ผ ์Šค๋ ˆ๋“œ' ๊ธฐ๋ฐ˜์˜ ์–ธ์–ด๋‹ค. ์ฆ‰, ์Šค๋ ˆ๋“œ๊ฐ€ ํ•˜๋‚˜์ด๊ธฐ ๋•Œ๋ฌธ์— ๋™์‹œ์— ํ•˜๋‚˜์˜ ์ž‘์—…๋งŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์‚ฌ์šฉ๋˜๋Š” ์›น์„ ๊ณฐ๊ณฐํžˆ ์ƒ๊ฐํ•ด๋ณด๋ฉด ๋™์‹œ์— ์—ฌ๋Ÿฌ๊ฐœ์˜ ์ž‘์—…์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ชจ์Šต์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์Šค๋ ˆ๋“œ๊ฐ€ ํ•˜๋‚˜์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™์‹œ์„ฑ์„ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ• ๊นŒ? ๋จผ์ € ๋ธŒ๋ผ์šฐ์ € ๊ตฌ๋™ํ™˜๊ฒฝ์„ ์‚ดํŽด๋ณด...

    5๋ถ„
  • #javascript#browser

    ๋ธŒ๋ผ์šฐ์ € ํžˆ์Šคํ† ๋ฆฌ ์กฐ์ž‘

    ๋ธŒ๋ผ์šฐ์ € ํžˆ์Šคํ† ๋ฆฌ ์กฐ์ž‘ํ•˜๊ธฐ

    4๋ถ„
  • #browser

    ๋ธŒ๋ผ์šฐ์ €๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”๊ฐ€? - ๋ชจ๋˜ ์›น๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋™์ž‘ํ•˜๋Š” ๋ฐฉ๋ฒ•

    ### ๐Ÿšง์ž‘์„ฑ์ค‘ ๐Ÿšง [์›๋ฌธ-How Browsers Work: Behind the scenes of modern web browsers](https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/) > ์ด ๊ธ€์„ ์š”์•ฝ/๋ฒˆ์—ญํ•œ ๋” ์ข‹์€ ๊ธ€์ด [๋„ค์ด๋ฒ„ d2](https://d2.naver.com/...

    20๋ถ„
  • #javascript#browser

    javascript event bubbling & capturing

    ![image](https://miro.medium.com/max/1200/1*Et5UjVPGLfF1L43T7ErrxQ.png) ## Javascript Event Capturing https://codepen.io/yceffort/pen/GbVaaY Event Capturing์€ ํŠน์ • ์š”์†Œ์—์„œ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ, ์ตœ์ƒ์œ„ ์š”์†Œ์—์„œ ๋ถ€ํ„ฐ ์ด๋ฒคํŠธ๋ฅผ ํƒ...

    2๋ถ„
  • #browser#web-performance#javascript

    Intersection Observer

    ## Intersection Observer Intersection Observer๋Š” ์—˜๋ฆฌ๋จผํŠธ๊ฐ€ viewport์— ๋…ธ์ถœ๋˜๊ณ  ์žˆ๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•ด์ฃผ๋Š” API๋‹ค. ๊ฐ„๋‹จํžˆ ๋งํ•ด ๋ธŒ๋ผ์šฐ์ €์˜ ์–ด๋–ค ์š”์†Œ๊ฐ€ ํ™”๋ฉด์— ๋…ธ์ถœ๋˜๊ณ  ์žˆ๋Š”์ง€ ์•ˆ๋˜๊ณ  ์žˆ๋Š”์ง€๋ฅผ ํ™•์ธํ•ด์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋  ๊ฒƒ ๊ฐ™๋‹ค. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์—†์ด ์—˜๋ฆฌ๋จผํŠธ๊ฐ€ ๋…ธ์ถœ์ค‘์ธ์ง€ ํ™•์ธํ•˜๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ• ๊นŒ? ์ด...

    4๋ถ„