yceffort
EN
20 POSTS

React 1

  • โ—† 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๋ถ„
  • #react#nextjs#frontend

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

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

    42๋ถ„
  • #react#css#nextjs

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

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

    27๋ถ„
  • #react#frontend

    React Compiler ๋”ฅ๋‹ค์ด๋ธŒ: ์›๋ฆฌ๋ถ€ํ„ฐ ๊ฒฐ๊ณผ๋ฌผ๊นŒ์ง€

    React Compiler๊ฐ€ ์ฝ”๋“œ๋ฅผ ์–ด๋–ป๊ฒŒ ๋ถ„์„ํ•˜๊ณ , ๋ฌด์—‡์„ ๋งŒ๋“ค์–ด๋‚ด๋Š”์ง€ ํŒŒ์ดํ”„๋ผ์ธ๋ถ€ํ„ฐ ๊ฒฐ๊ณผ๋ฌผ๊นŒ์ง€ ๊นŠ์ด ํŒŒํ—ค์ณ๋ณธ๋‹ค.

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

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

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

    37๋ถ„
  • #react#javascript#testing

    React์˜ ์ƒˆ๋กœ์šด lint ๊ทœ์น™: set-state-in-effect

    Effect์—์„œ setState๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด ์•ˆ ๋˜๋Š” ์ด์œ ์™€ ๋Œ€์•ˆ

    12๋ถ„
  • #react#typescript

    useEvent์—์„œ useEffectEvent๊นŒ์ง€: React์˜ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ ์•ˆ์ •ํ™” ์—ฌ์ •

    3๋…„ ์ „ RFC๊ฐ€ ๋“œ๋””์–ด ๋น›์„ ๋ณด๋‹ค

    24๋ถ„
  • #security#nextjs#react

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

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

    30๋ถ„
  • #react

    React 19: ref๋ฅผ prop์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ

    React 19๋ถ€ํ„ฐ๋Š” forwardRef ์—†์ด ref๋ฅผ prop์œผ๋กœ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋‹ค.

    6๋ถ„
  • #nextjs#react#debugging

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

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

    24๋ถ„
  • #frontend#career#react

    AI ์‹œ๋Œ€์— ๋‚˜๋Š” ์™œ ์ฑ…์„ ์ผ์„๊นŒ

    ๐Ÿค”

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

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

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

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

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

    ๐Ÿค”

    4๋ถ„
  • #react#career

    ๋ฆฌ์•กํŠธ ์ธํ„ฐ๋ทฐ ๊ฐ€์ด๋“œ ๋ฒˆ์—ญ๋ณธ์ด ์ถœ๊ฐ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

    ์ข‹์€ ๊ฒฝํ—˜์ด์—ˆ์Šต๋‹ˆ๋‹ค(2)

    1๋ถ„
  • #react#career

    ๋ชจ๋˜ ๋ฆฌ์•กํŠธ Deep dive๊ฐ€ ์ถœ๊ฐ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

    ์ข‹์€ ๊ฒฝํ—˜์ด์—ˆ์Šต๋‹ˆ๋‹ค.

    8๋ถ„
  • #react#javascript

    ๋ฆฌ์•กํŠธ์˜ ์‹ ๊ทœ ํ›…, "use"

    ์ƒํ™ฉ์— ๋”ฐ๋ผ ์ด๋ฆ„์ด ๋ณ€๊ฒฝ๋˜๊ฑฐ๋‚˜ ์‚ฌ๋ผ์งˆ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค

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

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

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

    19๋ถ„
  • #nextjs#react#frontend

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

    ๐Ÿ˜ฌ

    16๋ถ„