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