태그: #react

← 전체 글

• 국내 개발 블로그 명글 큐레이션 4 — 프론트엔드, 직접 열어 확인한 14편

  프론트엔드 주제로 한국어로 쓰인 글 중에서 설명이 구체적이고 재현 가능한 14편을 골랐습니다. 실행 컨텍스트로 설명하는 클로저, 자바스크립트가 프로토타입을 택한 배경, 타입스크립트 조건부 타입과 infer, 타입 시스템이 증명처럼 작동하는 이유, 리플로우와 리페인트, React Fiber 리컨실러, useLayoutEffect로 잡은 마커 렌더링, 번들러 네 종의 계보, 선언적 프로그래밍에

  2026-08-12 · 22 분 읽기 #curation#큐레이션#frontend#javascript#typescript

• React Compiler가 Rust로 포팅됐다 — 머지된 것, 아직 아닌 것, 그리고 그 "10배"라는 숫자

  2026년 6월 9일, React Compiler를 Rust로 포팅한 PR 36173이 facebook/react main에 머지됐습니다. 461개 파일에 12만 줄이 넘는 코드가 들어왔고, "Babel 플러그인으로 3배, 변환 로직 자체는 약 10배 빠르다"는 숫자가 곧바로 생태계를 돌기 시작했습니다. 그런데 정작 PR 본문에서 저자 Joseph Savona 본인은 그 숫자에 대해 "성능

  2026-07-16 · 31 분 읽기 #react#rust#compiler#performance#frontend

• Next.js 16 아키텍처 — Turbopack과 Cache Components 깊이 보기

  Next.js 16의 아키텍처를 App Router 구조, 서버/클라이언트 컴포넌트 경계, 렌더링 모델, Cache Components, 그리고 기본 번들러가 된 Turbopack 관점에서 깊이 있게 살펴봅니다. 요청 생명주기와 캐시 계층을 ASCII 다이어그램으로 풀어내고 마이그레이션 함정까지 다룹니다.

  2026-06-27 · 19 분 읽기 #nextjs#turbopack#cache-components#app-router#rendering

• 코드가 에이전트의 실행 기반이 되다: code-as-harness 관점 ♪ 들을 수 있어요

  코드를 단순한 LLM의 최종 산출물이 아니라 에이전트가 환경과 상호작용하는 실행 기반(harness)으로 다시 바라봅니다. 검증 루프, 도구 호출, 실행 피드백을 중심으로 에이전트 설계 패턴과 함정을 정리합니다.

  2026-06-25 · 36 분 읽기 #ai#agentic-coding#llm-agents#tool-calling#react

• 프론트엔드 프레임워크 2026 완벽 가이드 - React 19 · Vue 3.6 Vapor · Svelte 5 · SolidJS 2 · Qwik · Astro 5 · HTMX 2 · Next 16 · Nuxt 4 · Angular 19 · Tailwind 4 · Vite 6 심층 분석

  2026년 5월 기준 프론트엔드 풍경은 4년 전과 완전히 다르다. React 19.1과 React Compiler가 GA로 들어왔고, Vue 3.6은 Vapor Mode를 정식 릴리스했으며, Svelte 5의 runes는 안정화 단계를 지나 SvelteKit 3까지 도달했다. SolidJS 2, Qwik의 resumability, Astro 5의 server islands, HTMX 2, N

  2026-05-16 · 28 분 읽기 #frontend#react#vue#svelte#solidjs

• TanStack Start — RSC 없이도 풀스택 React를 한다, Next.js의 대안 깊게 보기 2026 ♪ 들을 수 있어요

  Tanner Linsley가 만든 풀스택 React 프레임워크 TanStack Start가 2025년 GA를 찍었다. TanStack Router + TanStack Query + Vinxi + Nitro로 짜인 — RSC 없이도 데이터·라우팅·서버 함수가 끝까지 타입 세이프로 흐르는 — 다른 길의 풀스택. Next.js·Remix·React Router v7·SolidStart·Svelte

  2026-05-14 · 40 분 읽기 #tanstack-start#tanstack-router#tanstack-query#react#fullstack

• React Server Components와 Next.js App Router 완전 정복 — RSC 프로토콜, Server Actions, PPR, Streaming (2025)

  Server Component는 왜 태어났나? SSR과 뭐가 다른가? "use server"와 "use client"의 진짜 경계, RSC Flight Format과 스트리밍, Server Actions의 fetch 대체, App Router의 4계층 캐시, Next.js 15 PPR, Suspense와 병렬 렌더링, Remix의 Use the Platform 철학, Solid Start/Q

  2026-04-15 · 19 분 읽기 #react#nextjs#rsc#server-components#app-router

• LLM 에이전트 실전 완전 가이드: ReAct, Plan-Execute, Tool Use, 다중 에이전트 (2025)

  2024년 "에이전트의 해" 다음으로 온 2025년은 "에이전트가 제품이 된 해"다. ReAct와 Plan-Execute의 경계, Tool use 설계 원칙, LangGraph 상태 머신, 다중 에이전트 오케스트레이션, MCP와 에이전트의 관계, 그리고 실패 루프와 보안까지. 현업 관점으로 정리한 한 편.

  2026-04-15 · 25 분 읽기 #llm-agent#ai#react#plan-execute#tool-use

• 상태 관리의 르네상스 2025 — Zustand·Jotai·Valtio·TanStack Query·Signals·XState·RSC 완전 가이드

  Redux 단일 시대가 끝나고 상태 관리의 4축(서버·URL·로컬·폼)이 분화된 시대. 2025년 Zustand·Jotai·Valtio·TanStack Query·Signals·XState·RSC의 자리 찾기와 Optimistic Update, Persist, 폼·위저드 설계까지 완전 정리.

  2026-04-15 · 23 분 읽기 #state-management#zustand#jotai#valtio#tanstack-query

• React Fiber 내부 완전 가이드 2025: Reconciler, Scheduler, Concurrent Rendering, Hooks 심층 분석

  React 18의 Concurrent Rendering이 어떻게 작동하는가? Fiber 아키텍처, Reconciler, Scheduler, Hooks의 내부 구현, useState의 진짜 동작까지 — React 내부를 720줄로 완전 분석한다.

  2026-04-15 · 33 분 읽기 #react#fiber#reconciler#scheduler#concurrent-mode

• React Server Components & Next.js App Router Deep Dive — RSC, Streaming, Cache, Server Actions 완전 정복 (2025) ♪ 들을 수 있어요

  React 10년 만의 가장 큰 패러다임 전환, React Server Components와 Next.js App Router. 이 글은 RSC를 처음부터 해부합니다. SSR vs SSG vs ISR vs RSC의 차이, 서버/클라이언트 컴포넌트 분리, "use client" 지시어와 네트워크 경계, 직렬화 payload 포맷, Streaming과 Suspense 통합, Server Acti

  2026-04-15 · 40 분 읽기 #react#rsc#nextjs#app-router#server-components

• 프론트엔드 아키텍처 완전 가이드 — React Server Components·Signals·Islands·Meta Frameworks·Bundlers를 2025년 기준으로 한 번에 정리

  React Server Components, Signals(Solid/Svelte/Angular), Islands Architecture, Meta Framework 비교, State Management 2025, Bundler 전쟁(Vite/Turbopack/Rspack)까지 — 프론트엔드 아키텍처 2025.

  2026-04-15 · 22 분 읽기 #frontend#react#signals#rsc#astro

• 현대 프론트엔드 상태 관리의 진화 — Redux, Zustand, Jotai, Signals, TanStack Query, RSC, XState 완전 해부 (2025)

  Redux가 지배했던 시대부터 Zustand/Jotai의 미니멀리즘, Signals의 부활, TanStack Query의 Server State 혁명, RSC(React Server Components)로 재정의된 상태, XState의 상태 머신까지. 프론트엔드 '머리 아픈 것 90%'의 진짜 원인과 해법.

  2026-04-15 · 20 분 읽기 #frontend#state-management#redux#zustand#jotai

• TypeScript & Next.js 실전 가이드 — 타입 안전한 풀스택 개발

  TypeScript의 고급 타입 시스템부터 Next.js 15 App Router, Server Components, Server Actions까지 모던 웹 개발의 모든 것.

  2026-04-12 · 29 분 읽기 #ai#typescript#nextjs#react#fullstack

• 상태 관리 완전 비교 2025: React Context vs Zustand vs Jotai vs Redux Toolkit vs Recoil

  2025년 상태 관리의 모든 것! React Context vs Zustand vs Jotai vs Redux Toolkit vs Recoil 5대 비교, TanStack Query로 서버 상태 분리, Signals(Preact/Solid), 번들 크기/성능/DX 벤치마크, 프로젝트별 선택 가이드.

  2026-03-24 · 28 분 읽기 #state-management#react#zustand#jotai#redux-toolkit

• Next.js 15 + React 19 완전 가이드: Server Components부터 Server Actions까지 2025 실전 정복 ♪ 들을 수 있어요

  Next.js 15와 React 19의 혁신을 완전 정복합니다. Server Components, Server Actions, Turbopack, PPR, 캐싱 전략, App Router 심화까지 — Pages Router에서 마이그레이션하는 개발자를 위한 실전 가이드.

  2026-03-23 · 47 분 읽기 #nextjs#react#server-components#server-actions#rsc

• LLM Agent 설계 패턴 완전 가이드: ReAct부터 Multi-Agent까지

  ReAct, Chain of Thought, Plan-and-Execute, Reflection, Tree of Thoughts — LLM Agent를 실제로 만들 때 어떤 패턴을 언제 써야 하는지, 현업 엔지니어 관점에서 정리했습니다.

  2026-03-18 · 12 분 읽기 #ai-agent#react#llm#설계패턴#ai-development

• React 서버 컴포넌트와 서버 퍼스트 웹 개발: 2026년 프론트엔드의 새 표준

  React 서버 컴포넌트(RSC)가 2026년 프론트엔드 개발의 표준이 되었습니다. Next.js 15에서의 RSC 활용, SSR/CSR과의 차이점, 마이그레이션 전략, 그리고 Core Web Vitals 개선까지 완전 가이드입니다.

  2026-03-16 · 15 분 읽기 #react#nextjs#web-development#server-components#frontend

• LLM 프롬프트 엔지니어링 고급 기법: Chain-of-Thought·Tree-of-Thought·ReAct·Few-Shot 패턴 실전 가이드

  Zero-shot/Few-shot 프롬프팅의 기초부터 Chain-of-Thought(CoT), Self-Consistency, Tree-of-Thought(ToT), ReAct 패턴의 이론과 구현, 구조화된 출력 프롬프팅, 프롬프트 체이닝, 평가 메트릭, 일반적인 안티패턴, 프로덕션 최적화까지 LLM 프롬프트 엔지니어링의 고급 기법을 실전 코드와 함께 체계적으로 다룹니다.

  2026-03-12 · 28 분 읽기 #llm#prompt-engineering#chain-of-thought#tree-of-thought#react

• React SPA 인증 실전 가이드 — 쿠키 vs 스토리지, Axios 인터셉터, XSS/CSRF 방어 완전 정복

  React SPA에서 인증 상태를 관리하는 방법을 쿠키, localStorage, 메모리 저장 방식 비교부터 Axios 인터셉터, XSS/CSRF 방어까지 실전 코드와 함께 완전 정복합니다.

  2026-03-08 · 29 분 읽기 #architecture#authentication#react#jwt#cookie