Skip to content

Instantly share code, notes, and snippets.

@leedc0101
leedc0101 / 01-chatgpt-react-state-cloudflare.ko.md
Created April 5, 2026 01:31
frontend-briefing-2026-04-05-KST

ChatGPT Won't Let You Type Until Cloudflare Reads Your React State. I Decrypted the Program That Does It.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ

์ž‘์„ฑ์ž๋Š” ChatGPT์—์„œ ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด๋‚ผ ๋•Œ๋งˆ๋‹ค ๋ธŒ๋ผ์šฐ์ € ์•ˆ์—์„œ ์กฐ์šฉํžˆ ์‹คํ–‰๋˜๋Š” Cloudflare Turnstile ํ”„๋กœ๊ทธ๋žจ์„ ๋„คํŠธ์›Œํฌ ํŠธ๋ž˜ํ”ฝ ๊ธฐ์ค€์œผ๋กœ ๋ถ„์„ํ–ˆ๊ณ , 377๊ฐœ์˜ ํ”„๋กœ๊ทธ๋žจ์„ ๋ณตํ˜ธํ™”ํ–ˆ๋‹ค๊ณ  ๋งํ•œ๋‹ค. ๊ฒฐ๋ก ์€ ๋‹จ์ˆœํ•œ ๋ธŒ๋ผ์šฐ์ € ํ•‘๊ฑฐํ”„๋ฆฐํŒ…๋ณด๋‹ค ํ•œ ๋‹จ๊ณ„ ๋” ๋‚˜์•„๊ฐ€ ์žˆ๋‹ค๋Š” ์ ์ด๋‹ค. ์ด ํ”„๋กœ๊ทธ๋žจ์€ ๋ธŒ๋ผ์šฐ์ € ์ •๋ณด๋งŒ ๋ณด๋Š” ๊ฒŒ ์•„๋‹ˆ๋ผ, Cloudflare ๋„คํŠธ์›Œํฌ ์ •๋ณด์™€ ChatGPT์˜ React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ƒํƒœ๊นŒ์ง€ ํ•จ๊ป˜ ํ™•์ธํ•œ๋‹ค.

@leedc0101
leedc0101 / portfolio-briefing-2026-04-06.md
Created April 6, 2026 00:32
Portfolio briefing 2026-04-06

๐Ÿ“Š ํฌํŠธํด๋ฆฌ์˜ค ๋ธŒ๋ฆฌํ•‘ | 2026-04-06 KST

์‹ค์ œ ๋น„๊ต ๋‚ ์งœ: D-1 = 2026-04-05 vs D-2 = 2026-04-04


1) ๋ณ€๋™ ์š”์•ฝ (๊ณ„์ขŒ๋ณ„)

๐Ÿ’ผ main ๋ณดํ•ฉ

  • ํ‰๊ฐ€๊ธˆ์•ก: 41,728,065 โ†’ 41,728,065์› (0์›)
@leedc0101
leedc0101 / 01-what-if-browser-built-ui.ko.md
Created April 6, 2026 01:30
frontend-briefing-2026-04-06-KST

What if your browser built the UI?

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ

์ด ๊ธ€์€ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์˜ ๋ฌด๊ฒŒ์ค‘์‹ฌ์ด ์•ž์œผ๋กœ ์–ด๋””๋กœ ์ด๋™ํ• ์ง€๋ฅผ ๊ฝค ๋„๋ฐœ์ ์œผ๋กœ ๋ฌป๋Š”๋‹ค. ์ž‘์„ฑ์ž์˜ ๋ฌธ์ œ์˜์‹์€ ๋‹จ์ˆœํ•˜๋‹ค. AI๋Š” ์ด๋ฏธ ํ™”๋ฉด์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๊ณ , LLM์€ ๋ฐ์ดํ„ฐ์™€ ๋ ˆ์ด์•„์›ƒ์— ๋Œ€ํ•ด ์ถ”๋ก ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ๋„, ๋Œ€๋ถ€๋ถ„์˜ SaaS๋Š” ์—ฌ์ „ํžˆ ๊ฐ์ž React ์•ฑ์„ ๋งŒ๋“ค๊ณ , ๊ฐ์ž ์ ‘๊ทผ์„ฑ ๊ณ„์ธต์„ ๊น”๊ณ , ๊ฐ์ž ํ…Œ๋งˆ ์‹œ์Šคํ…œ๊ณผ ๋ฐ˜์‘ํ˜• ๊ทœ์น™์„ ๋˜ ๋งŒ๋“ ๋‹ค. ๊ฒฐ๊ตญ ๋น„์Šทํ•œ UI๋ฅผ ์ˆ˜์—†์ด ๋ฐ˜๋ณต ์ƒ์‚ฐํ•˜๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค.

@leedc0101
leedc0101 / portfolio-briefing-2026-04-09.md
Created April 9, 2026 00:32
Portfolio briefing 2026-04-09

๐Ÿ“Š ํฌํŠธํด๋ฆฌ์˜ค ๋ธŒ๋ฆฌํ•‘ | 2026-04-09 KST

์‹ค์ œ ๋น„๊ต ๋‚ ์งœ: D-1 = 2026-04-08 vs D-2 = 2026-04-07


1) ๋ณ€๋™ ์š”์•ฝ (๊ณ„์ขŒ๋ณ„)

๐Ÿ’ผ main ์ƒ์Šน (+272,469์›)

  • ํ‰๊ฐ€๊ธˆ์•ก: 41,514,096์› โ†’ 41,738,712์› (+224,616์›)
@leedc0101
leedc0101 / portfolio-briefing-2026-04-12.md
Created April 12, 2026 14:44
Portfolio briefing 2026-04-12

๐Ÿ“Š ํฌํŠธํด๋ฆฌ์˜ค ๋ธŒ๋ฆฌํ•‘ | 2026-04-12 KST

์‹ค์ œ ๋น„๊ต ๋‚ ์งœ: D-1 = 2026-04-11 vs D-2 = 2026-04-10


1) ๋ณ€๋™ ์š”์•ฝ (๊ณ„์ขŒ๋ณ„)

๐Ÿ’ผ main โ–ฒ45,301์›

  • ํ‰๊ฐ€๊ธˆ์•ก: 41,997,075์› โ†’ 42,042,376์› (+45,301์›)
@leedc0101
leedc0101 / 00-index.md
Created April 12, 2026 14:53
frontend-briefing-2026-04-12-KST

frontend-briefing-2026-04-12-KST

ํ”„๋ก ํŠธ์—”๋“œ ๋ฐ์ผ๋ฆฌ ๋ธŒ๋ฆฌํ•‘ ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ ๋ชจ์Œ์ž…๋‹ˆ๋‹ค.

์ˆ˜๋ก ํŒŒ์ผ:

  1. Moving Railway's Frontend Off Next.js
  2. Under the hood of MDN's new frontend
  3. Alternatives to the !important Keyword
  4. Full Text Search with IndexedDB
  5. You can't cancel a JavaScript promise (except sometimes you can)

๐Ÿ“Š ํฌํŠธํด๋ฆฌ์˜ค ๋ธŒ๋ฆฌํ•‘ | 2026-04-13 KST

์‹ค์ œ ๋น„๊ต ๋‚ ์งœ: D-1 = 2026-04-12 vs D-2 = 2026-04-11


1) ๋ณ€๋™ ์š”์•ฝ (๊ณ„์ขŒ๋ณ„)

๐Ÿ’ผ main ๋ณดํ•ฉ

  • ํ‰๊ฐ€๊ธˆ์•ก: 42,042,376์› โ†’ 42,042,376์› (0์›)

React Streaming SSR Without Server Components โ€” A Practical Guide

React Server Components๊ฐ€ ์ŠคํŠธ๋ฆฌ๋ฐ SSR์˜ ์ค‘์‹ฌ์ฒ˜๋Ÿผ ๋ณด์ด์ง€๋งŒ, ๋ชจ๋“  ์•ฑ์— ๊ทธ ๋ณต์žก๋„๊ฐ€ ํ•„์š”ํ•œ ๊ฒƒ์€ ์•„๋‹ˆ๋‹ค. ์ด ๊ธ€์˜ ์š”์ง€๋Š” renderToPipeableStream, defer(), ์ผ๋ฐ˜์ ์ธ Suspense๋งŒ์œผ๋กœ๋„ ์„œ๋ฒ„์—์„œ HTML์„ ์ ์ง„์ ์œผ๋กœ ํ˜๋ ค๋ณด๋‚ผ ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ด๋‹ค. ์ฆ‰, Server Components๋‚˜ use client ๊ตฌ๋ถ„ ์—†์ด๋„ ์ŠคํŠธ๋ฆฌ๋ฐ UX๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

์ŠคํŠธ๋ฆฌ๋ฐ SSR์ด ์‹ค์ œ๋กœ ์˜๋ฏธํ•˜๋Š” ๊ฒƒ

@leedc0101
leedc0101 / portfolio-briefing-2026-04-15.md
Created April 15, 2026 02:50
Portfolio briefing 2026-04-15 KST

๐Ÿ“Š ํฌํŠธํด๋ฆฌ์˜ค ๋ธŒ๋ฆฌํ•‘ | 2026-04-15 KST

์‹ค์ œ ๋น„๊ต ๋‚ ์งœ: D-1 = 2026-04-14 vs D-2 = 2026-04-13


1) ๋ณ€๋™ ์š”์•ฝ (๊ณ„์ขŒ๋ณ„)

๐Ÿ’ผ main ์ฆ๊ฐ€

  • ํ‰๊ฐ€๊ธˆ์•ก: 42,128,263์› โ†’ 42,446,950์› (+318,687์›)
@leedc0101
leedc0101 / 01-railway-moving-off-nextjs.md
Created April 15, 2026 02:56
frontend-briefing-2026-04-15-KST

์›๋ฌธ ์ œ๋ชฉ: Moving Railway's Frontend Off Next.js


Railway์˜ ํ”„๋กœ๋•์…˜ ํ”„๋ก ํŠธ์—”๋“œ๋Š” ์ด์ œ ๋” ์ด์ƒ Next.js ์œ„์—์„œ ๋Œ์ง€ ์•Š๋Š”๋‹ค. ๋Œ€์‹œ๋ณด๋“œ, ์บ”๋ฒ„์Šค, marketing ์‚ฌ์ดํŠธ๊นŒ์ง€ ์ „์ฒด๋ฅผ Vite + TanStack Router๋กœ ์˜ฎ๊ฒผ๊ณ , ์ด ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์€ ๋‘ ๊ฐœ์˜ PR๊ณผ ๋ฌด์ค‘๋‹จ ๋ฐฐํฌ๋กœ ๋๋ƒˆ๋‹ค.

์™œ Next.js๋ฅผ ๋– ๋‚ฌ๋‚˜