yceffort
EN
20 POSTS

Web-performance 1

  • โ—† Next.js์˜ ํ˜„์ฃผ์†Œ
    #nextjs#web-performance#react

    Next.js์˜ ์„ฑ๋Šฅ์€ ์ถฉ๋ถ„ํžˆ ๋น ๋ฅธ๊ฐ€

    ๋ฒค์น˜๋งˆํฌ๊ฐ€ ๋งํ•ด์ฃผ๋Š” ๋ถˆํŽธํ•œ ์ง„์‹ค

    42๋ถ„
  • โ—† Next.js์˜ ํ˜„์ฃผ์†Œ
    #nextjs#edge-computing#serverless

    Next.js Edge Runtime์˜ ํฅ๋ง์„ฑ์‡ 

    Edge Middleware ์•ผ ์ž˜ ์‚ด๊ณ  ์žˆ๋‹ˆ?

    25๋ถ„
  • #frontend#ux#web-performance

    Infinite Scroll์˜ ๋ชฐ๋ฝ โ€” Google์€ ์™œ ๋ฌดํ•œ ์Šคํฌ๋กค์„ ๊ฑท์–ด๋ƒˆ๋Š”๊ฐ€

    ๋ฌดํ•œ ์Šคํฌ๋กค์ด UX, ์„ฑ๋Šฅ, ์ ‘๊ทผ์„ฑ, ๊ทธ๋ฆฌ๊ณ  ๋ฒ•๋ฅ ์˜ ๊ด€์ ์—์„œ ์–ด๋–ป๊ฒŒ ์žฌํ‰๊ฐ€๋˜๊ณ  ์žˆ๋Š”์ง€ ์‚ดํŽด๋ณธ๋‹ค

    19๋ถ„
  • #javascript#frontend#web-performance

    IntersectionObserver ์‹ฑ๊ธ€ํ†ค ํŒจํ„ด๊ณผ WeakMap์œผ๋กœ ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜ ๋ฐฉ์ง€ํ•˜๊ธฐ

    ์ˆ˜๋ฐฑ ๊ฐœ์˜ ์š”์†Œ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๊ด€์ฐฐํ•˜๋ฉด์„œ ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜๋„ ๋ฐฉ์ง€ํ•˜๋Š” ๋ฐฉ๋ฒ•

    20๋ถ„
  • #javascript#web-performance

    ๊ฑฐ๋Œ€ํ•œ JSON ์‘๋‹ต์„ ํšจ์œจ์ ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•

    JSON.parse()๊ฐ€ ๋ฒ„๊ฑฐ์›Œํ•  ๋•Œ ์‚ด์•„๋‚จ๋Š” ๋ฒ•

    29๋ถ„
  • #react#javascript#web-performance

    React์˜ "์„œ๋ฒ„๋กœ ํšŒ๊ท€"๋Š” ์—ญ์‚ฌ์˜ ๋ฐ˜๋ณต์ธ๊ฐ€?

    RSC๊ฐ€ PHP/JSP ์‹œ์ ˆ๋กœ์˜ ํšŒ๊ท€์ธ์ง€, ์•„๋‹ˆ๋ฉด ๋‚˜์„ ํ˜• ๋ฐœ์ „์ผ๊นŒ? ์•„๋‹๊นŒ? ๋ญ˜๊นŒ

    37๋ถ„
  • #nextjs#web-performance#caching

    Next.js ์บ์‹ฑ ๊ฐ€์ด๋“œ

    Next.js App Router์˜ 4๊ฐ€์ง€ ์บ์‹œ ๋ ˆ์ด์–ด ์•Œ์•„๋ณด๊ธ”

    71๋ถ„
  • #web-performance

    web performance deep dive (๊ฐ€์ œ) ๋ฒ ํƒ€ ๋ฆฌ๋”๋ฅผ ๋ชจ์‹ญ๋‹ˆ๋‹ค. (๋งˆ๊ฐ)

    ๋งŽ๊ด€๋ถ€

    3๋ถ„
  • โ—† ์›น ์„œ๋น„์Šค ์„ฑ๋Šฅ ๋ถ„์„
    #web-performance#frontend

    ์›น ์„œ๋น„์Šค ์„ฑ๋Šฅ ๋ถ„์„ (4)

    ๋‚˜๋„ ํ•ด๋ณผ๊นŒ.. ๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ ๋‹ค๋ฉด ๋ฐ”๋กœ ์ง€๊ธˆ ์—ฐ๋ฝ์ฃผ์„ธ์š”!!

    44๋ถ„
  • โ—† ์›น ์„œ๋น„์Šค ์„ฑ๋Šฅ ๋ถ„์„
    #web-performance#nextjs#backend

    ์›น ์„œ๋น„์Šค ์„ฑ๋Šฅ ๋ถ„์„ (3)

    ๊ด€์‹ฌ ๊ฐ€์ ธ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ™‡๐Ÿปโ€โ™‚๏ธ

    56๋ถ„
  • โ—† ์›น ์„œ๋น„์Šค ์„ฑ๋Šฅ ๋ถ„์„
    #web-performance#javascript#nextjs

    ์›น ์„œ๋น„์Šค ์„ฑ๋Šฅ ๋ถ„์„ (2)

    ๊ด€์‹ฌ ๊ฐ€์ ธ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ™‡๐Ÿปโ€โ™‚๏ธ

    47๋ถ„
  • โ—† ์›น ์„œ๋น„์Šค ์„ฑ๋Šฅ ๋ถ„์„
    #web-performance#react#frontend

    ์›น ์„œ๋น„์Šค ์„ฑ๋Šฅ ๋ถ„์„ (1)

    ๊ด€์‹ฌ ๊ฐ€์ ธ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๐ŸŽ‰

    37๋ถ„
  • #web-performance#frontend#react

    ์›น์‚ฌ์ดํŠธ ์„ฑ๋Šฅ์— ๊ณ ๋ฏผ์ด ์žˆ๋Š” ์„œ๋น„์Šค๋ฅผ ์ฐพ์Šต๋‹ˆ๋‹ค.

    ๐Ÿค”

    4๋ถ„
  • #nextjs#web-performance

    https://research.yceffort.kr/ ๋ฅผ ์˜คํ”ˆํ–ˆ์Šต๋‹ˆ๋‹ค

    ๊ฒŒ์„๋Ÿฌํ„ฐ์ ธ์„œ ์ด์ œ ๋งŒ๋“ 

    3๋ถ„
  • #frontend#react#web-performance

    ์ƒˆ๋กœ ๋ฐ”๋€ ๋„ค์ด๋ฒ„ ๋ฉ”์ธ ํ›”์ณ๋ณด๊ธฐ

    ์‚ฌ์‹ค ๋‚˜๋„ ์ž˜ ๋ชฐ๋ผ์š”

    19๋ถ„
  • #web-performance#browser

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

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

    19๋ถ„
  • #web-performance

    Largest Contentful Paint (LCP) ์ตœ์ ํ™”ํ•˜๊ธฐ

    ๋ธŒ๋ผ์šฐ์ € ๋™์ž‘ ๋ฐฉ์‹์„ ์ดํ•ดํ•˜๊ธฐ

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

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

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

    9๋ถ„
  • #react#web-performance

    ์ฐธ์กฐ ๋™์ผ์„ฑ์„ ์œ„ํ•œ ๋ฉ”๋ชจ์ด์ œ์ด์…˜

    ์„ธ์ƒ์— ๋‚˜์œ ๋ฉ”๋ชจ์ด์ œ์ด์…˜์€ ์—†๋‹ค ๐Ÿค”

    13๋ถ„
  • #web-performance#devops

    [๋ธ”๋กœ๊ทธ] PWA ์ž„์‹œ ์ค‘์ง€

    ๋‚ด ๋ˆ

    3๋ถ„