최신 글
무료 AI 모델을 사용하기 위한 Windows에 OpenCode 데스크톱 앱과 CLI 설치하기
Windows에서 OpenCode 데스크톱 앱과 CLI를 설치하고 모델 연결, 첫 실행, PATH 문제 해결까지 확인합니다.
다른 글
바이브코딩
자연어로 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 준비를 한 단계씩 추가한다.