yceffort
EN
20 POSTS

Nextjs 1

  • #frontend#package-management#semver

    ์˜ค๋ž˜ ์“ธ ์ˆ˜ ์žˆ๋Š” ํŒจํ‚ค์ง€๋Š” ๋ฌด์—‡์ด ๋‹ค๋ฅธ๊ฐ€

    ์ข‹์€ ํŒจํ‚ค์ง€๋Š” ๊ธฐ๋Šฅ๋ฟ ์•„๋‹ˆ๋ผ ์˜์กด์„ฑ, ๋ฒ„์ „์—…, ํ˜ธํ™˜์„ฑ, ๋ฆด๋ฆฌ์ฆˆ ์ •์ฑ…๊นŒ์ง€ ์‚ฌ์šฉ์ž ์นœํ™”์ ์ด์–ด์•ผ ํ•œ๋‹ค.

    35๋ถ„
  • โ—† ๋””๋ ‰ํ‹ฐ๋ธŒ ๋”ฅ๋‹ค์ด๋ธŒ
    #react#nextjs#frontend

    'use cache' ๋””๋ ‰ํ‹ฐ๋ธŒ ๋”ฅ๋‹ค์ด๋ธŒ: ์บ์‹œ ๊ฒฝ๊ณ„์˜ ๋๊นŒ์ง€

    "use cache" ํ•œ ์ค„์ด ๋งŒ๋“œ๋Š” ๋นŒ๋“œ ํƒ€์ž„ ๋ณ€ํ™˜, ์บ์‹œ ํ‚ค ์ง๋ ฌํ™”, ResumeDataCache, cacheHandler, ๊ทธ๋ฆฌ๊ณ  Cache Components๊นŒ์ง€

    65๋ถ„
  • โ—† ๋””๋ ‰ํ‹ฐ๋ธŒ ๋”ฅ๋‹ค์ด๋ธŒ
    #react#nextjs#frontend

    'use client' ๋””๋ ‰ํ‹ฐ๋ธŒ ๋”ฅ๋‹ค์ด๋ธŒ: ํด๋ผ์ด์–ธํŠธ ๊ฒฝ๊ณ„์˜ ๋๊นŒ์ง€

    "use client" ํ•œ ์ค„์ด ๋งŒ๋“œ๋Š” ๋ชจ๋“ˆ ๊ฒฝ๊ณ„, ๋นŒ๋“œ ํƒ€์ž„ ๋ณ€ํ™˜, Flight ์ง๋ ฌํ™”, ๊ทธ๋ฆฌ๊ณ  ์„ฑ๋Šฅ๊นŒ์ง€

    52๋ถ„
  • โ—† Next.js์˜ ํ˜„์ฃผ์†Œ
    #nextjs#react#vercel

    ์™œ ์—ฌ์ „ํžˆ Next.js๋ฅผ ์“ฐ๋Š”๊ฐ€

    ๊ธฐ์ˆ  ์šฐ์œ„๋ณด๋‹ค ๊ฐ•ํ•œ ์ „ํ™˜ ๋น„์šฉ

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

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

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

    42๋ถ„
  • โ—† Next.js์˜ ํ˜„์ฃผ์†Œ
    #react#governance#nextjs

    React๋Š” ๋ˆ„๊ตฌ์˜ ๊ฒƒ์ธ๊ฐ€

    React Foundation์ด ๋‹ตํ•ด์•ผ ํ•  ์งˆ๋ฌธ

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

    Cloudflare๊ฐ€ Next.js๋ฅผ ๋‹ค์‹œ ๋งŒ๋“  ์ด์œ 

    vinext๊ฐ€ ๋˜์ง„ ์งˆ๋ฌธ์€?

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

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

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

    25๋ถ„
  • โ—† ๋””๋ ‰ํ‹ฐ๋ธŒ ๋”ฅ๋‹ค์ด๋ธŒ
    #react#nextjs#frontend

    React ์„œ๋ฒ„ ํ•จ์ˆ˜ ๋”ฅ๋‹ค์ด๋ธŒ: "use server"์˜ ๋๊นŒ์ง€

    "use server" ํ•œ ์ค„ ๋’ค์—์„œ ๋ฌด์Šจ ์ผ์ด ๋ฒŒ์–ด์ง€๊ณ  ์žˆ๋Š”๊ฐ€?

    42๋ถ„
  • #react#css#nextjs

    React์˜ <ViewTransition>: ๋ธŒ๋ผ์šฐ์ € ๋„ค์ดํ‹ฐ๋ธŒ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ React๋‹ต๊ฒŒ

    View Transition API๋ฅผ React๊ฐ€ ๊ฐ์‹ธ๋ฉด ์–ด๋–ป๊ฒŒ ๋˜๋Š”๊ฐ€

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

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

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

    71๋ถ„
  • #security#nextjs#react

    React ์ทจ์•ฝ์ ์ธ๋ฐ ์™œ Next.js๋ฅผ ์—…๊ทธ๋ ˆ์ด๋“œํ•ด์•ผ ํ•˜์ง€?

    CVE-2025-55182, CVE-2025-55184, CVE-2025-55183 ๊ทธ๋ฆฌ๊ณ  Next.js์˜ ์ˆจ๊ฒจ์ง„ React

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

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

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

    56๋ถ„
  • #nextjs#react#debugging

    Nextjs app router์˜ Rendered more hooks than during the previous render ๋ฒ„๊ทธ ํŒจ์น˜ ํ›„๊ธฐ

    ์–ด๋ ต๋‹ค ์–ด๋ ค์›Œ

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

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

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

    47๋ถ„
  • #nextjs#web-performance

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

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

    3๋ถ„
  • #nextjs#react#frontend

    ๋ธ”๋กœ๊ทธ app dir ์—…๊ทธ๋ ˆ์ด๋“œ ํ›„๊ธฐ

    ๐Ÿ˜ฌ

    16๋ถ„
  • #react#nextjs#javascript

    Remix nextjs์™€ ๋น„๊ตํ•˜๋ฉด์„œ ์‚ดํŽด๋ณด๊ธฐ

    ๋Š˜ ์ƒˆ๋กœ์›Œ ์งœ๋ฆฟํ•ด ์ƒˆ๋กœ์šด๊ฒŒ ๋˜ ๋‚˜์™”์–ด

    16๋ถ„
  • #nextjs#frontend

    nextjs๋ฅผ ์ ์šฉํ•˜๋ฉด์„œ ์•Œ๊ฒŒ ๋œ ์‚ฌ์‹ค๋“ค

    ์•„ ์ง‘์— ๊ฐ€๊ณ  ์‹ถ๋‹ค

    7๋ถ„
  • #nextjs#backend

    nextjs ์„œ๋ฒ„์‚ฌ์ด๋“œ์—์„œ absolute url ๊ฐ€์ ธ์˜ค๊ธฐ

    ์ด๋ฒˆ ๋‹ฌ ํฌ์ŠคํŒ…์ด ๋”๋””๋„ค์š”... ๋ฐ˜์„ฑํ•ฉ๋‹ˆ๋‹ค.

    4๋ถ„