Skip to Content
개발 단권화 핸드북 · 2026 웹 레퍼런스

Fullstack Web Handbook

BE · FE · DevOps 전반을 다루는 개인 웹개발 레퍼런스.
미래의 나와 면접관을 위한 실무 중심 정리 공간입니다.

Frontend

React, TypeScript, Styling 등 프론트엔드 개발의 핵심 개념과 실무 패턴을 정리합니다.

  • React & 상태관리
  • TypeScript 패턴
  • 메타프레임워크 · Astro
Backend

HTTP/REST API 설계 원칙부터 Spring Boot, JPA 테스팅 전략까지 백엔드 핵심을 다룹니다.

  • HTTP / REST
  • Spring Boot
  • JPA & 테스트
DevOps & Infra

Docker 컨테이너화, CI/CD 파이프라인, AWS 인프라까지 배포 자동화를 위한 내용을 모았습니다.

  • Docker & 네트워크
  • CI/CD
  • AWS
Architecture

레이어드 · 헥사고날 아키텍처와 에러 처리 패턴 등 검증된 설계 기법을 정리합니다.

  • 레이어드 아키텍처
  • Hexagonal
  • 에러 핸들링 패턴
Playgrounds

개념을 직접 체험할 수 있는 상태관리 · 디자인 시스템 데모를 제공합니다.

  • 상태관리 데모
  • 디자인 시스템 쇼케이스
Journal

실무에서 부딪힌 문제와 해결 과정을 시간순으로 남기는 개발 기록 공간입니다.

  • 트러블슈팅 기록
  • 실무 회고
About

핸드북의 작성 가이드와 업데이트 이력, 프로젝트 철학을 정리한 공간입니다.

  • Changelog
  • 작성 가이드라인

Core Tech Stack

Next.js 15React 19TypeScriptstyled-componentsTanStack QueryZustandZodNextraStorybook