yceffort
EN
20 POSTS

Page 1

  • #frontend#package-management#semver

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

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

    35๋ถ„
  • #frontend#bundle-analysis#performance

    PR diff์—์„œ๋Š” ๋ณด์ด์ง€ ์•Š๋Š” ๋น„์šฉ: ์šฐ๋ฆฌ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋ฐ›๋Š” ์ฝ”๋“œ๋ฅผ ๋ฆฌ๋ทฐํ•˜๊ณ  ์žˆ์ง€ ์•Š๋‹ค

    ์ฝ”๋“œ ๋ฆฌ๋ทฐ๊ฐ€ ๋†“์น˜๋Š” bundle ๋น„์šฉ, PR์— ์–ด๋–ป๊ฒŒ ๋„์šธ ๊ฒƒ์ธ๊ฐ€.

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

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

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

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

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

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

    52๋ถ„
  • #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๋ถ„