Latest
9단계: 목표 아키텍처와 현재 프로젝트 비교하기
8단계까지 구현한 프로젝트와 목표 아키텍처의 차이를 확인하고 이후 변경 순서와 회귀 기준을 확정한다.
More Headline
바이브 코딩
AI 코딩과 비전공자 개발 경험, 실제 실행 환경과 운영에 관한 글
1단계: VS Code 원격 서버에서 Vibe Coding 환경 준비와 Codex CLI 실행
Windows의 VS Code에서 project-dev-server에 Remote SSH로 접속하고, 프로젝트 루트에서 Codex CLI를 안전하게 실행하는 방법을 단계별로 설명합니다.
2단계: Login과 Admin Dashboard 화면 먼저 만들기
React와 Vite로 5173 포트에서 Login 화면과 학습용 Admin Dashboard 화면 전환을 먼저 구현한다.
3단계: Express API 연결하기
React 프런트엔드에서 Vite 프록시를 통해 Express API를 호출하여 프런트엔드와 백엔드의 역할을 분리해 이해한다.
4단계: MySQL Admin 계정 연결하기
MySQL 사용자 테이블, 암호 해시와 Prepared Statement를 사용하여 실제 관리자 계정 로그인을 구현한다.




