바이브 코딩
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를 사용하여 실제 관리자 계정 로그인을 구현한다.