Skip to content

Instantly share code, notes, and snippets.

React Streaming SSR Without Server Components — A Practical Guide

React Server Components가 스트리밍 SSR의 중심처럼 보이지만, 모든 앱에 그 복잡도가 필요한 것은 아니다. 이 글의 요지는 renderToPipeableStream, defer(), 일반적인 Suspense만으로도 서버에서 HTML을 점진적으로 흘려보낼 수 있다는 점이다. 즉, Server Components나 use client 구분 없이도 스트리밍 UX를 만들 수 있다.

스트리밍 SSR이 실제로 의미하는 것

📊 포트폴리오 브리핑 | 2026-04-13 KST

실제 비교 날짜: D-1 = 2026-04-12 vs D-2 = 2026-04-11


1) 변동 요약 (계좌별)

💼 main 보합

  • 평가금액: 42,042,376원 → 42,042,376원 (0원)
@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)
@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 / 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 / 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-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-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 / 00-index.md
Created April 4, 2026 01:31
frontend-briefing-2026-04-04-KST

frontend-briefing-2026-04-04-KST

번역 파일 목록:

  1. 97% 더 작고, 2배 더 빠르게: es-toolkit이 주간 1천만 다운로드를 넘긴 방법
  2. Next.js를 여러 플랫폼에서: Adapters, OpenNext, 그리고 Next.js 팀의 약속
  3. Next.js에서 ReactFlow 엣지가 사라지는 이유: CSS와 Context의 미묘한 두 가지 버그
  4. AI가 자꾸 틀리는 React 19 마이그레이션 함정과 .mdc 규칙으로 막는 법
  5. 6개월 뒤에도 무너지지 않는 React 앱을 처음부터 만드는 법
  6. 4개 정부 API로 매일 갱신되는 4만 7천 페이지짜리 Next.js 앱: 실제 아키텍처 메모
@leedc0101
leedc0101 / 01-es-toolkit.md
Created April 3, 2026 01:32
frontend-briefing-2026-04-03-KST

원문 제목: 97% Smaller, 2x Faster: How es-toolkit Reached 10 Million Weekly Downloads 원문 링크: https://toss.tech/article/es-toolkit 번역일: 2026-04-03 KST

es-toolkit이 주간 다운로드 1,000만을 넘기기까지

es-toolkit은 lodash를 대체하기 위해 만든 현대적인 JavaScript 유틸리티 라이브러리다. 처음부터 ES Modules와 TypeScript를 중심에 두고 설계됐다.

lodash와 비교하면 es-toolkit은 번들 크기를 최대 97%까지 줄이고, 런타임 성능도 2배 이상 빠르다고 한다. 여기에 TypeScript 지원이 기본 내장돼 있고, es-toolkit/compat를 통해 lodash와 100% 호환되는 드롭인 대체도 제공한다.