Latest
9단계: 목표 아키텍처와 현재 프로젝트 비교하기
8단계까지 구현한 프로젝트와 목표 아키텍처의 차이를 확인하고 이후 변경 순서와 회귀 기준을 확정한다.
More Headline
바이브 코딩
AI 코딩과 비전공자 개발 경험, 실제 실행 환경과 운영에 관한 글
5단계: 세션과 보호된 관리자 경로 만들기
Express의 서버 측 세션과 HttpOnly 쿠키로 로그인 상태를 유지하고 프런트엔드 경로와 백엔드 API에서 관리자 권한을 검사한다.
6단계: 최소 관리자 Dashboard 완성하기
보호된 로그인 구조 위에 Header, 하나의 Sidebar 항목, 본문 영역과 Logout으로 구성한 최소 관리자 Dashboard를 완성한다.
7단계: 첫 번째 Sidebar 메뉴 추가하기
관리자 Dashboard에 Text Tool 메뉴 하나를 추가하고 프런트엔드 입력, 보호된 백엔드 처리와 WebUI 검증의 Vibe Coding 반복 과정을 학습한다.
8단계: 운영 구성을 차례로 추가하기
5173에서 완성한 관리자 애플리케이션에 Docker Compose, Redis 세션 저장소, Nginx 리버스 프록시와 HTTPS 준비를 한 단계씩 추가한다.