prompt_suggestion
바이브코딩 1강-02
PHP MVC 프로젝트
프롬프트 모음
초보자가 AI에게 바로 붙여넣고, 단계별로 결과를 확인하면서 프로젝트를 만들 수 있는 실전 프롬프트 세트입니다.
환경 세팅
MVC 생성
오류 해결
How To Use
프롬프트는 한 번에 전부 쓰지 않습니다
1
한 단계만 요청
환경 점검, 폴더 생성, DB 연결처럼 작업을 작게 나눕니다.
2
결과 확인
명령어 출력, 파일 구조, 브라우저 화면을 확인한 뒤 다음 단계로 갑니다.
3
오류를 붙여넣기
오류 메시지와 실행 환경을 함께 전달해야 AI가 정확히 수정합니다.
Prompt 00
사이트 구조 초기 셋팅 프롬프트
긴 프롬프트는 한 슬라이드 안의 코드 박스에서 세로 스크롤로 확인하고 복사합니다.
PHP, MySQL, jQuery, Tailwind CSS를 사용해서 MVC 방식의 웹 프로젝트를 만들려고 합니다.
MySQL은 원격 서버를 사용할 예정입니다.
로컬에는 MySQL 서버를 설치하지 않고, MySQL 클라이언트 설치 여부만 먼저 확인해주세요.
프로젝트 구조는 public_html 아래에 app, public, config, routes, storage, vendor,
.env, composer.json, package.json, README.md를 두는 방식으로 구성해주세요.
public/index.php를 프론트 컨트롤러로 사용하고,
Router, Controller, Model, View 기본 구조를 만들어주세요.
DB 접속 정보는 .env 파일에서 관리하고,
PDO를 사용해서 원격 MySQL 연결을 구성해주세요.
Tailwind CSS 빌드 환경과 jQuery 사용 환경도 함께 구성해주세요.
마지막으로 서버 구성 정보를 docs/server-config.md 파일에 정리해주세요.
DB 비밀번호는 문서에 직접 저장하지 말고 .env 파일에서만 관리해주세요.Prompt 01
우리 사이트에 어울리는 아이콘 추가 프롬프트
아이콘/일러스트 라이브러리를 비교하고, 설치 전 승인까지 받도록 요청하는 프롬프트입니다.
우리 PHP MVC + Tailwind CSS 프로젝트에 사용할 아이콘/일러스트 라이브러리를 검토해줘.
검토 대상:
- Lucide: https://lucide.dev
- Bootstrap Icons: https://icons.getbootstrap.com
- React Icons: https://react-icons.github.io/react-icons
- Heroicons: https://heroicons.com
- unDraw: https://undraw.co/illustrations
요청사항:
1. 각 라이브러리를 디자인 스타일, 적용 난이도, Tailwind 적합성 기준으로 간단히 비교해줘.
2. 메인 아이콘 라이브러리 1개와 보조 일러스트 라이브러리 1개를 추천해줘.
3. 추천 이유, 장단점, 설치 방식, 변경될 파일 목록을 정리해줘.
4. 바로 설치하지 말고, 먼저 내 승인을 받아줘.
5. 승인 후 `/admin/icons` 페이지를 만들어줘.
- 아이콘 목록
- 검색 기능
- 카테고리 필터
- 클릭 시 사용 코드 복사
- 버튼/메뉴/카드/알림/대시보드 사용 예시
주의사항:
- 아이콘 스타일은 하나로 통일해줘.
- CDN과 npm 중 우리 프로젝트에 맞는 방식을 추천해줘.
- React 전용 라이브러리는 현재 구조에 적합한지 따로 판단해줘.Prompt 02
관리자 페이지 제작 프롬프트
기존 PHP MVC + Tailwind CSS 프로젝트에 관리자 로그인, 회원 관리, 설정, 통계, 메타 관리 기능을 추가하도록 요청합니다.
관리자 페이지 제작 프롬프트
기존 PHP MVC + Tailwind CSS 프로젝트에 관리자 페이지 기능을 추가해줘.
프로젝트 기본 구조는 이미 세팅되어 있으니 새로 만들지 말고, 현재 구조에 맞춰 필요한 파일만 추가/수정해줘.
제작 범위
1. 관리자 로그인
관리자 로그인 페이지 제작
초기 최고관리자 계정은 첫 설정 화면에서 입력받아 생성
아이디
비밀번호
비밀번호 확인
비밀번호는 password_hash()로 암호화 저장
로그인/로그아웃 처리
로그인하지 않은 사용자는 /admin 접근 차단
최고관리자 계정 생성 후에는 초기 설정 페이지 접근 차단
2. 회원 관리 CRUD
회원 관리 기능을 추가해줘.
기능:
회원 목록
회원 검색
회원 등록
회원 수정
회원 삭제 대신 비활성화
페이지네이션
최근 로그인일 표시
가입일 표시
회원 필드:
아이디
이름
이메일
연락처
권한
상태
가입일
최근 로그인일
3. 회원 권한
권한은 아래 2단계로 구성해줘.
최고관리자
일반 사용자
처리 기준:
최고관리자: 모든 관리자 기능 접근 가능
일반 사용자: 제한된 관리자 기능만 접근 가능
최고관리자는 삭제/비활성화 불가
추후 권한 추가가 가능하도록 구성
4. 관리자 대시보드
/admin 접속 시 대시보드를 보여줘.
포함 항목:
전체 회원 수
오늘 가입자 수
오늘 방문자 수
누적 방문자 수
최근 가입 회원
최근 접속 로그
주요 메뉴 바로가기
5. 설정 메뉴 추가
관리자 좌측 메뉴에 설정 메뉴를 추가해줘.
하위 메뉴:
기본 사이트 설정
사이트 접속 통계
메타 페이지 관리
6. 기본 사이트 설정
관리자가 사이트 기본 정보를 수정할 수 있게 해줘.
필드:
사이트명
사이트 설명
대표 이메일
대표 전화번호
회사명
주소
카피라이트 문구
사이트 상태
점검 모드 여부
7. 사이트 접속 통계
방문 통계 수집 및 관리자 화면을 만들어줘.
수집 항목:
접속일시
IP
User Agent
Referer
접속 페이지
디바이스
브라우저
OS
관리 화면:
오늘 방문자 수
누적 방문자 수
일별 방문자 수
페이지별 방문 수
유입 경로
최근 접속 로그
8. 메타 페이지 관리
SEO 및 GEO 최적화를 위한 페이지별 메타 정보 관리 기능을 추가해줘.
필드:
페이지명
페이지 URL
Meta Title
Meta Description
Meta Keywords
OG Title
OG Description
OG Image
Canonical URL
Robots 설정
Schema Markup JSON
GEO 최적화 요약
AI 검색 노출용 핵심 문장
사용 여부
기능:
목록, 등록, 수정, 삭제 (CRUD)
검색
페이지별 메타태그 출력 헬퍼
9. 보안 처리
아래 내용을 적용해줘.
SQL Injection 방지
XSS 방지
CSRF 토큰 적용
세션 보안 설정
로그인 실패 제한
권한 체크
관리자 작업 로그 기록
작업 방식
기존 프로젝트 구조를 먼저 확인해줘.
필요한 파일과 수정될 파일 목록을 먼저 알려줘.
내가 승인하면 코드 작업을 진행해줘.
불필요하게 프로젝트 구조를 새로 만들지 마.
기존 네이밍, 라우팅, 컨트롤러, 뷰 구조를 최대한 유지해줘.
UI는 Tailwind CSS 기준으로 깔끔한 관리자 스타일로 작성해줘.Prompt 03
관리자 메뉴 추가 프롬프트
관리자 페이지에 새 메뉴를 추가하고 기본 CRUD, 검색, 페이지네이션, 권한/CSRF 처리를 요청합니다.
관리자 페이지에 새로운 메뉴를 추가해줘.
현재 구조와 네이밍 규칙에 맞춰 필요한 파일만 추가/수정해줘.
추가할 메뉴 정보
메뉴명: [메뉴명 입력]
상위 메뉴: [예: 설정 / 회원 관리 / 없음]
접근 권한: [최고관리자 / 일반 사용자 / 전체 관리자]
메뉴 기능 구성
새 메뉴에는 아래 기본 구성을 포함해줘.
목록, 등록, 수정, 삭제 (CRUD)
검색 기능
페이지네이션
권한 체크
CSRF 토큰 적용Final Rule
좋은 프롬프트는
작업 단위가 작습니다
목표
무엇을 만들지 먼저 말합니다.
조건
기술 스택, 폴더 구조, 금지사항을 줍니다.
검증
어떻게 확인할지 요청합니다.
바이브코딩의 핵심은 AI가 한 번에 완성해주기를 기다리는 것이 아니라, 작은 단위로 요청하고 직접 확인하며 프로젝트를 완성하는 것입니다.