yceffort
EN
20 POSTS

Page 1

  • #ai#learning#career

    AI๋Š” ๋‚ด๊ฐ€ ๋ณด์ด๋Š” ์ˆ˜์ค€๊นŒ์ง€๋งŒ ๋‚˜๋ฅผ ์ฆํญํ•œ๋‹ค

    ๋ถ„๋ช… ๋นจ๋ผ์กŒ๋Š”๋ฐ ์ฝ”๋“œ๋ฒ ์ด์Šค์™€ ๋‚ด ์‹ค๋ ฅ์€ ์™œ ๊ทธ๋Œ€๋กœ์ธ๊ฐ€. ์ฒด๊ฐ๊ณผ ์‹ค์ฆ ์‚ฌ์ด์˜ ๊ฐ„๊ฒฉ์„ ๋“ค์—ฌ๋‹ค๋ณธ๋‹ค.

    32๋ถ„
  • โ—† 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๋ถ„
  • #nodejs#security#javascript

    Node.js vm ๋ชจ๋“ˆ์˜ ํ•จ์ •: ์ƒŒ๋“œ๋ฐ•์Šค๊ฐ€ ์•„๋‹Œ ์ด์œ 

    ์ง‘ํ•„ ์ค‘์ธ Node.js Deep Dive์˜ 5.2์žฅ(vm ๋ชจ๋“ˆ์˜ ํ•จ์ •) ์ผ๋ถ€๋ฅผ ๋ฏธ๋ฆฌ ๊ณต๊ฐœํ•ฉ๋‹ˆ๋‹ค.

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

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

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

    19๋ถ„
  • #typescript#backend

    Effect ์‹œ์Šคํ…œ ์‹ฌ์ธต ๋ถ„์„: ๋ชจ๋‚˜๋“œ์—์„œ Algebraic Effects๊นŒ์ง€, ๊ทธ๋ฆฌ๊ณ  Effect-TS์˜ ์„ ํƒ

    Effect-TS๊ฐ€ ๋Œ€์ฒด ๋ญ”๋ฐ ๋‹ค๋“ค ๋‚œ๋ฆฌ์ธ์ง€ ์ง์ ‘ ํŒŒํ—ค์ณ๋ดค๋‹ค.

    41๋ถ„
  • #nodejs#javascript

    Node.js Deep Dive (๊ฐ€์ œ) ๋ฒ ํƒ€ ๋ฆฌ๋”๋ฅผ ๋ชจ์‹ญ๋‹ˆ๋‹ค.

    ๋งŽ๊ด€๋ถ€22

    5๋ถ„
  • #react#frontend

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

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

    43๋ถ„
  • #ai#frontend

    AI๊ฐ€ ์ฝ”๋“œ๋ฅผ ์งœ๋Š” ์‹œ๋Œ€, ํ”„๋ก ํŠธ์—”๋“œ ์—”์ง€๋‹ˆ์–ด๋ง์€ ์–ด๋””๋กœ ๊ฐ€๋Š”๊ฐ€

    AI ์ฝ”๋”ฉ ๋„๊ตฌ๊ฐ€ ๋ฐ”๊พธ๋Š” ๊ฑด ๊ฐœ๋ฐœ์ž๊ฐ€ ์•„๋‹ˆ๋ผ, ๊ฐœ๋ฐœ์ž๊ฐ€ ํ•˜๋˜ ์ผ์˜ ํ˜•ํƒœ๋‹ค.

    22๋ถ„
  • #ai#devops#backend

    ์ฝ”๋”ฉ ์—์ด์ „ํŠธ ํ•ต์‹ฌ ๊ฐœ๋… ์™„์ „ ๊ฐ€์ด๋“œ

    Rules, Commands, MCP, Sub-agents, Hooks, Skills, Plugins๊นŒ์ง€ ์ฝ”๋”ฉ ์—์ด์ „ํŠธ์˜ ํ•ต์‹ฌ ๊ฐœ๋… ์ด์ •๋ฆฌ

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

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

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

    20๋ถ„
  • #typescript

    TypeScript์—์„œ switch๋ฌธ์˜ ๋ชจ๋“  ์ผ€์ด์Šค๋ฅผ ๋น ์ง์—†์ด ์ฒ˜๋ฆฌํ–ˆ๋Š”์ง€ ๊ฒ€์‚ฌํ•˜๋Š” ๋ฐฉ๋ฒ•

    never ํƒ€์ž…์„ ํ™œ์šฉํ•œ exhaustive check ํŒจํ„ด

    13๋ถ„
  • #javascript#web-performance

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

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

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

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

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

    37๋ถ„
  • #webgpu#ai#browser

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

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

    18๋ถ„