yceffort
EN
20 POSTS

Browser 1

  • #webgpu#ai#browser

    WebGPU, ๋“œ๋””์–ด ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ด์ง€๋‹ค

    2025๋…„ 7์›”, 14๋…„ ๋งŒ์— ๋ธŒ๋ผ์šฐ์ € GPU API ์„ธ๋Œ€๊ต์ฒด๊ฐ€ ์™„๋ฃŒ๋๋‹ค

    18๋ถ„
  • #web-performance#browser

    ๋ธŒ๋ผ์šฐ์ €์˜ ํ”„๋ฆฌ๋กœ๋“œ ์Šค์บ๋„ˆ(pre-load scanner)์™€ ํŒŒ์‹ฑ ๋™์ž‘์˜ ์ดํ•ด

    ๋ธŒ๋ผ์šฐ์ € ์ตœ์ ํ™”๋ž‘ ์‹ธ์šฐ์ง€๋งˆ

    19๋ถ„
  • #web-performance#browser#debugging

    ํฌ๋กฌ ๋ฉ”๋ชจ๋ฆฌ ํ”„๋กœํŒŒ์ผ๋Ÿฌ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

    ์Šค๋ƒ…์ƒท ํ•ด์„๊ณผ ๋””๋ฒ„๊น…์˜ ์ฑ…์ž„์€ ๋ณธ์ธ์—๊ฒŒ ์žˆ์Šต๋‹ˆ๋‹ค

    9๋ถ„
  • #javascript#browser

    V8์—์„œ ๊ด€๋ฆฌ๋˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜

    V8 ๋‚ด๋ถ€ ์ฝ”๋“œ๋ฅผ ์ž์œ ๋กญ๊ฒŒ ์ฝ์„ ์ˆ˜ ์žˆ๋Š” ๊ทธ๋‚ ๊นŒ์ง€

    10๋ถ„
  • #browser#html

    HTML ๋ฌธ์„œ์—์„œ DOM์œผ๋กœ์˜ ์—ฌ์ •

    parser์˜ ๋™์ž‘์›๋ฆฌ๋„ ์‚ดํŽด๋ณด๊ธฐ

    16๋ถ„
  • #browser#networking#web-performance

    ์„œ๋ฒ„์—์„œ ํด๋ผ์ด์–ธํŠธ๋กœ์˜ ์—ฌ์ • - ๋ธŒ๋ผ์šฐ์ €์™€ ์„œ๋ฒ„๋Š” ์–ด๋–ป๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ  ๋ฐ›์„๊นŒ

    ๋„คํŠธ์›Œํฌ๋„ ๊ณต๋ถ€ํ•ด์•ผํ•˜๋Š”๋ฐ

    13๋ถ„
  • #browser#css#frontend

    ์›น ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ณธ ์‚ฌํŒŒ๋ฆฌ 15์˜ ๋ณ€ํ™”์™€ ๋Œ€์‘

    ์ฃฝ์ธ๋‹ค ์‚ฌํŒŒ๋ฆฌ

    5๋ถ„
  • #javascript#nodejs#browser

    ๋ธŒ๋ผ์šฐ์ €์™€ Nodejs์˜ ์ด๋ฒคํŠธ ๋ฃจํ”„๋Š” ๋ฌด์—‡์ด ๋‹ค๋ฅผ๊นŒ

    ์ธ์ƒ์€ ๋Œ๊ณ  ๋„๋Š” ์ด๋ฒคํŠธ ๋ฃจํ”„

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

    ์›น ํŽ˜์ด์ง€์—์„œ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฉ”๋ชจ๋ฆฌ ์‚ฌ์šฉ๋Ÿ‰ ๋ฒค์น˜๋งˆํ‚น

    ๋ถ„์„ํ•  ๋•Œ ๋งˆ๋‹ค ํ•œ์ˆจ์ด ๋‚˜์˜ค๋Š” ๊ทธ๊ฒƒ

    13๋ถ„
  • #web-performance#browser#security

    ํŒŒํ‹ฐ์…”๋‹ ์บ์‹œ (partitioning cache)

    Google Font ๋ฅผ ์จ๋„ ์ด์ œ ์บ์‹œ ํšจ๊ณผ๋Š” ๋ชป๋ฐ›๊ฒ ๋„ค์š”

    8๋ถ„
  • #javascript#browser

    V8 ์—”์ง„์— ๋Œ€ํ•ด ๊ฐ€๋ณ๊ฒŒ ์‚ดํŽด๋ณด๊ธฐ

    ๋ง›๋งŒ ๋ณผ๊ฒŒ ์•„๋‹ˆ๊ณ  ์ง์ ‘ ์ฝ”๋“œ ๊นŒ๋ด์„œ ๊ณต๋ถ€๋ฅผ ํ•ด๋ด์•ผ ๋˜๋Š”๋ฐ ๐Ÿ˜ญ

    14๋ถ„
  • #browser#web-performance

    ๋’ค๋กœ๊ฐ€๊ธฐ, ์•ž์œผ๋กœ๊ฐ€๊ธฐ์˜ ์บ์‹œ aka bfcache

    ํ•ญ์ƒ ๋ธŒ๋ผ์šฐ์ €์— ๊ฐ์‚ฌํ•˜์‹ญ์‹œ์˜ค frontend developers.

    18๋ถ„
  • #javascript#browser

    V8์—์„œ์˜ ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ

    V8์˜ ๊นŠ๊ณ  ๋” ์–ด๋‘์šด ๊ณณ์œผ๋กœ...

    16๋ถ„
  • #browser#javascript

    ๋ธŒ๋ผ์šฐ์ € ํƒญ ์‚ฌ์ด์—์„œ ํ†ต์‹  ํ•˜๋Š” ๋ฐฉ๋ฒ•

    ๋ธ”๋กœ๊ทธ ๋‹คํฌ๋ชจ๋“œ ์ง€์›์‹œ์— ๊ณ ๋ คํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค ๐Ÿค”

    3๋ถ„
  • #web-performance#browser

    HTTP Cache๋กœ ๋ถˆํ•„์š”ํ•œ ๋„คํŠธ์›Œํฌ ์š”์ฒญ ์ค„์ด๊ธฐ

    HTTP Cache์— ๋Œ€ํ•œ ์ดํ•ด

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

    ํฌ๋กฌ์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋กœ๋”ฉ ์ˆœ์„œ

    ํฌ๋กฌ์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋กœ๋”ฉํ•˜๋Š” ์ˆœ์„œ

    4๋ถ„
  • #javascript#memory#browser

    detached window๋กœ ์ธํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜

    ๋ฉด์ ‘์—์„œ ๋“ค์—ˆ๋˜ ๊ฑฐ์ง€๊ฐ™์€ ์งˆ๋ฌธ์— ๋Œ€ํ•œ ํ•ด๋‹ต

    20๋ถ„
  • #browser#javascript

    ํฌ๋กฌ ์ต์Šคํ…์…˜ ๋งŒ๋“ค๊ธฐ

    ํ•„์š”ํ•œ ๊ธฐ๋Šฅ ํ•˜๋‚˜ ์ฏค ๋งŒ๋“ค์–ด์„œ ์‚ฌ์šฉํ•ด๋ณด์ž.

    3๋ถ„
  • #web-performance#browser

    ์ฃผ์š” ๋ Œ๋”๋ง ๊ฒฝ๋กœ - ๋ธŒ๋ผ์šฐ์ €์˜ ์›๋ฆฌ๋ฅผ ์ดํ•ดํ•˜๊ณ  ์ตœ์ ํ™” ํ•˜๊ธฐ

    [Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path?hl=ko)๋ฅผ ์š”์•ฝํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๊ธ€์„ ๋ณด๋Š”๊ฒŒ ๋” ๋‚˜์•„์š” ์‚ฌ์‹ค ```toc tight: true, from-heading: 2 to-heading: 3 ``` ์„ฑ...

    13๋ถ„
  • #security#browser#backend

    Chrome Samesite ์ฟ ํ‚ค ์ •์ฑ…

    # ๋ฌธ์ œ์˜ ์‹œ์ž‘ ์ง€๋‚œ ์ฃผ๋ง, ์—„์ฒญ๋‚˜๊ฒŒ ๊ธ‰ํ•˜๊ฒŒ ๋น ๋ฅธ ์†๋„๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ heroku์— ์˜ฌ๋ฆด ์ผ์ด ์žˆ์—ˆ๋‹ค. DB๋„ ์ƒˆ๋กœ๋งŒ๋“ค์–ด์•ผํ•˜๊ณ , ๋กœ๊ทธ์ธ๋„ ํ•„์š”ํ•œ ์‚ฌ์ดํŠธ๋ผ DB๋Š” Heroku์˜ Clean DB๋ฅผ, ๋กœ๊ทธ์ธ์€ [google sign-in for websites](https://developers.google.com/identity/sign-in/web)์„ ์‚ฌ์šฉํ•˜...

    9๋ถ„