yceffort
EN
20 POSTS

Frontend 1

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

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

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

    35๋ถ„
  • #react#nextjs#frontend

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

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

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

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

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

    19๋ถ„
  • #react#frontend

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

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

    43๋ถ„
  • #ai#frontend

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

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

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

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

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

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

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

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

    44๋ถ„
  • #frontend#career#react

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

    ๐Ÿค”

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

    AI๊ฐ€ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด ์ฃผ๋Š” ์‹œ๋Œ€, ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ธ ๋‚˜๋Š” ๋ฌด์—‡์„ ํ•ด์•ผ ํ• ๊นŒ?

    ๋ฏธ๋ž˜๋Š” ๋‚˜๋„ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ, ๊ทธ๋ƒฅ ์—ด์‹ฌํžˆ ๊ฐœ๋ฐœํ•˜๋ฉด ๋˜์ง€ ์•Š์„๊นŒ?

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

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

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

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

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

    ๐Ÿค”

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

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

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

    19๋ถ„
  • #nextjs#react#frontend

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

    ๐Ÿ˜ฌ

    16๋ถ„
  • #react#frontend

    ๋ฆฌ์•กํŠธ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ์˜ ๋™์ž‘ ๋ฐฉ์‹

    ๋ฆฌ์•กํŠธ 18 ์กด๋ฒ„ ํ•˜๋Š” ์ค‘

    27๋ถ„
  • #career#frontend#typescript

    2021๋…„ ํšŒ๊ณ 

    2022๋…„์€ ๋” ์ข‹์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธธ ๋ฐ”๋ผ๋ฉฐ

    8๋ถ„
  • #nextjs#frontend

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

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

    7๋ถ„