태그: #nextjs
GPU·LLM·MLOps·쿠버네티스, 그리고 마음가짐에 관한 글 · 13 편
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#renderingKeycloak 연동 실습 — Docker로 띄우고 Realm·Client 설정, Spring Boot·Next.js 연동까지 (2025 핸즈온 가이드)
직접 인증을 만들지 말고 Keycloak을 쓰자. 이 글은 따라 하는 핸즈온이다 — Docker로 Keycloak 26을 띄우고, Realm·Client·User·Role을 설정하고, OIDC 엔드포인트를 curl로 찔러보고, Spring Boot Resource Server와 Node.js·Next.js를 연동한다. Authorization Code + PKCE 토큰 흐름 전체, 프로덕션
2026-05-14 · 30 분 읽기 #keycloak#oidc#oauth2#authentication#authorizationReact 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-routerRSC 이후의 프론트엔드 2025 완전 정복: React Server Components 철학, Next.js App Router·Remix/React Router 7·SvelteKit·SolidStart·Astro Islands·Qwik Resumability 비교, 서버·클라이언트 경계 설계, 실전 마이그레이션 — Season 6 Ep 1
Season 6 첫 편. 2025년 프론트엔드의 중심 질문 — '서버와 클라이언트의 경계를 어디에 둘 것인가?' React Server Components의 철학과 오해, Next.js App Router의 성숙, Remix→React Router 7 통합, SvelteKit 2·SolidStart 1·Astro 5 Islands·Qwik Resumability까지 현대 메타 프레임워크 지형
2026-04-15 · 19 분 읽기 #frontend#react-server-components#rsc#nextjs#remixReact 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#astroTypeScript & Next.js 실전 가이드 — 타입 안전한 풀스택 개발
TypeScript의 고급 타입 시스템부터 Next.js 15 App Router, Server Components, Server Actions까지 모던 웹 개발의 모든 것.
2026-04-12 · 29 분 읽기 #ai#typescript#nextjs#react#fullstackNext.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#rscAI 앱 풀스택 개발 가이드: FastAPI + Next.js로 LLM 서비스 만들기
AI 애플리케이션 풀스택 개발 완전 가이드. FastAPI 백엔드, Next.js 프론트엔드, LangChain/OpenAI 통합, 스트리밍 응답, Docker 배포까지 실제 프로젝트 예제와 함께.
2026-03-17 · 16 분 읽기 #fullstack#fastapi#nextjs#llm-app#ai-applicationReact 서버 컴포넌트와 서버 퍼스트 웹 개발: 2026년 프론트엔드의 새 표준
React 서버 컴포넌트(RSC)가 2026년 프론트엔드 개발의 표준이 되었습니다. Next.js 15에서의 RSC 활용, SSR/CSR과의 차이점, 마이그레이션 전략, 그리고 Core Web Vitals 개선까지 완전 가이드입니다.
2026-03-16 · 15 분 읽기 #react#nextjs#web-development#server-components#frontendNext.js App Router 인증 실전 가이드 — 미들웨어, Server Action, HttpOnly 쿠키, SSR 인증 완전 정복
Next.js App Router에서 미들웨어, Server Action, Route Handler를 활용한 인증 구현을 HttpOnly 쿠키, SSR 인증 패턴까지 실전 코드와 함께 완전 정복합니다.
2026-03-08 · 33 분 읽기 #architecture#authentication#nextjs#jwt#cookie언어×프레임워크 조합별 실전 장애 사례집: Python·JS/TS·Go·Java + FastAPI·Django·Next.js·NestJS·Gin·Spring Boot
실전에서 자주 터지는 언어×프레임워크 조합별 장애 8+가지를 사례 형식으로 정리한다. 증상·원인·재현·브레이크포인트·프로파일링·해결·재발방지 체크리스트를 모두 포함한다.
2026-03-07 · 36 분 읽기 #devops#debugging#casebook#python#javascript프레임워크별 디버깅 실전: Spring Boot · Django/FastAPI · React/Next.js에서 브레이크포인트, 실행, 프로파일링
백엔드(Spring Boot, Django, FastAPI)와 프론트엔드(React, Next.js)에서 실제로 자주 만나는 장애를 기준으로 브레이크포인트 위치, 실행/재현 방법, APM·프로파일링 포인트를 정리한다.
2026-03-07 · 20 분 읽기 #devops#debugging#spring#django#fastapi