yceffort
EN
20 POSTS

Page 2

  • #nextjs#web-performance#caching

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

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

    71๋ถ„
  • #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๋ถ„
  • #career#ai

    ๋ธ”๋กœ๊ทธ ์ •์ƒ์˜์—…ํ•ฉ๋‹ˆ๋‹ค

    2~3๋…„ ๋งŒ์— ๋Œ์•„์™”์Šต๋‹ˆ๋‹ค

    6๋ถ„
  • #typescript

    ๋ฌธ์ž์—ด ๋ฆฌํ„ฐ๋Ÿด ์œ ๋‹ˆ์˜จ์— string์„ ์ถ”๊ฐ€ํ•˜๋ฉด ์ž๋™์™„์„ฑ์ด ์‚ฌ๋ผ์ง€๋Š” ์ด์œ 

    type Color = "red" | "blue" | string // ์ž๋™์™„์„ฑ: ๐Ÿฆ—...

    13๋ถ„
  • #web-performance

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

    ๋งŽ๊ด€๋ถ€

    3๋ถ„
  • #nodejs

    npm Deep Dive ์˜จ๋ผ์ธ ์ €์ž ํŠน๊ฐ•

    npm Deep Dive ์˜จ๋ผ์ธ ์ €์ž ํŠน๊ฐ•์„ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค

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

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

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

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

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

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

    56๋ถ„
  • #nextjs#react#debugging

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

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

    24๋ถ„
  • #javascript#nodejs

    ใ€Žnpm Deep Diveใ€ ์Šคํ„ฐ๋””์› ๋ชจ์ง‘์ค‘์ž…๋‹ˆ๋‹ค!

    ํ™๋ณด์„ฑ ๊ธ€์€ ์—ฌ๊ธฐ๊นŒ์ง€... ๋‹ค์‹œ ๊ณต๋ถ€ํ•˜๋Š” ๋ธ”๋กœ๊ทธ๋กœ ์ฐพ์•„์˜ค๊ฒ ์Šต๋‹ˆ๋‹ค.

    1๋ถ„
  • #career

    [๋„ค์ด๋ฒ„ํŽ˜์ด] ์ฑ„์šฉ ์—ฐ๊ณ„ํ˜• FE ๊ฐœ๋ฐœ ์ธํ„ด์‹ญ

    ๋งŽ๊ด€๋ถ€

    1๋ถ„
  • #frontend#career#react

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

    ๐Ÿค”

    7๋ถ„
  • #javascript#nodejs

    ใ€Žnpm Deep Diveใ€ ๊ฐ€ ์ถœ๊ฐ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

    ๐Ÿ™‡๐Ÿปโ€โ™‚๏ธ

    4๋ถ„
  • #frontend#ai#career

    "AI๊ฐ€ ๋‹ค ํ•ด์ฃผ์ž–์•„?"๋ผ๋Š” ํ™˜์ƒ: FE์˜ ๋ณธ์งˆ๊ณผ AI ์‹œ๋Œ€์˜ ํ˜„์‹ค

    AI๊ฐ€ UI ๊ฐœ๋ฐœ์„ ๋Œ€์ฒดํ•  ๊ฒƒ์ด๋ผ๋Š” ๋ฆฌ๋”์‹ญ์˜ ํ™˜์ƒ๊ณผ ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ ์— ๋Œ€ํ•œ ์˜คํ•ด, ๊ทธ๋ฆฌ๊ณ  AI ์‹œ๋Œ€์—๋„ ๋ณ€ํ•˜์ง€ ์•Š์„ ํ”„๋ก ํŠธ์—”๋“œ์˜ ๋ณธ์งˆ์ ์ธ ๊ฐ€์น˜

    15๋ถ„
  • #frontend#ai#career

    ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์˜ ๋ณ€ํ™”์™€ ๊ณผ์ œ: AI ๋„์ž…๊ณผ ๋ฆฌ๋”์‹ญ

    AI ๋„์ž…๊ณผ ๋ฆฌ๋”์‹ญ์˜ ๊ธฐ๋Œ€๊ฐ€ ๋งž๋ฌผ๋ ค ๋ณ€ํ™”ํ•˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์˜ ์ฃผ์š” ๊ณผ์ œ๋“ค์„ ์ง„๋‹จํ•˜๊ณ , ๊ฐœ๋ฐœ์ž๋“ค์ด ์ด์— ํ˜„์‹ค์ ์œผ๋กœ ๋Œ€์‘ํ•˜๋ฉฐ ์—ญํ• ์„ ์ •๋ฆฝํ•ด ๋‚˜๊ฐˆ ๋ฐฉํ–ฅ์„ ๋ชจ์ƒ‰ํ•ฉ๋‹ˆ๋‹ค.

    9๋ถ„
  • #frontend#career

    AI ์‹œ๋Œ€ "ํ”„๋ก ํŠธ์—”๋“œ, ์ •๋ง ์ค‘์š”ํ• ๊นŒ?" ๋ผ๋Š” ์งˆ๋ฌธ์— ๋‹ตํ•ฉ๋‹ˆ๋‹ค. (์„ฑ๋Šฅ, AI, UI/UX, ๊ทธ๋ฆฌ๊ณ  ๋ฏธ๋ž˜)

    AI์™€ B2B ํ™˜๊ฒฝ์—์„œ๋„ ํ”„๋ก ํŠธ์—”๋“œ๋Š” ๋น„์ฆˆ๋‹ˆ์Šค ๊ฐ€์น˜์™€ ์ง๊ฒฐ๋˜๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์˜ ํ•ต์‹ฌ์ด๋ฉฐ, ๊ทธ ์ค‘์š”์„ฑ๊ณผ ์—ญํ• ์€ ๋ณ€ํ•˜์ง€ ์•Š๊ธฐ์— ๋Š์ž„์—†์ด ๊ฐ€์น˜๋ฅผ ์ฆ๋ช…ํ•˜๊ณ  ๋ฐœ์ „ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

    10๋ถ„
  • #frontend#career

    ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž, 3๋…„์ฐจ์˜ ๋ฒฝ์„ ๋„˜์–ด: ์„ฑ์žฅ์˜ ์•…์ˆœํ™˜์„ ๋Š๊ณ  ๋ชฉํ‘œ์™€ ์„ฑ์ทจ๊ฐ์„ ์ฐพ๋Š” ๋ฒ•

    ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ์„ฑ์žฅ ์ •์ฒด๋ฅผ ๊ทน๋ณตํ•˜๊ณ  AI ์‹œ๋Œ€์—๋„ ์„ฑ์ทจ๊ฐ์„ ์–ป์œผ๋ ค๋ฉด, ๋‹จ์ˆœ ์—…๋ฌด๋ฅผ ๋„˜์–ด ๊นŠ์ด ์žˆ๋Š” ๊ธฐ์ˆ ์  ๋„์ „๊ณผ ๋Š์ž„์—†๋Š” ํ•™์Šต์„ ์ถ”๊ตฌํ•˜๋Š” ์ฃผ๋„์ ์ธ ์„ฑ์žฅ ๋ฌธํ™”๋ฅผ ๋งŒ๋“ค์–ด๊ฐ€์•ผ ํ•ฉ๋‹ˆ๋‹ค.

    13๋ถ„