iwan AI TOOL
AI에게 코드를 시키고, 실행하고, GitHub에 올리고, 배포하는 흐름을 따라갈 수 있도록 정리한 필수 코딩용어 101개입니다. 단계·사용빈도로 필터하거나 검색하고, 카드를 클릭하면 일반·쉬운 해설과 'AI 코딩 예시'를 볼 수 있습니다.
핵심은 “무엇을 만들지”와 “어떻게 동작해야 하는지”를 나눠 말하는 것입니다.
프롬프트 ↓ 컨텍스트 ↓ 요구사항 ↓ 스펙 ↓ 코드 생성 ↓ 디버깅
요구사항: 사용자가 이메일과 비밀번호로 회원가입할 수 있어야 한다. 스펙: - 이메일 형식을 검증한다. - 비밀번호는 8자 이상이어야 한다. - 이미 가입된 이메일은 막는다. - 가입 성공 후 /dashboard로 이동한다.
초보자는 이 흐름만 알아도 대부분의 웹앱 구조를 이해할 수 있습니다.
사용자 ↓ 프론트엔드 UI ↓ API 요청 ↓ 백엔드 서버 ↓ 데이터베이스 ↓ API 응답 ↓ 프론트엔드 화면 업데이트
폼 입력 ↓ 요청(Request) ↓ 엔드포인트(Endpoint) ↓ 서버 처리 ↓ DB 쿼리(Query) ↓ 응답(Response) ↓ JSON 데이터 표시
로그인 폼 입력 ↓ POST /api/login 요청 ↓ 서버에서 이메일/비밀번호 확인 ↓ 성공하면 토큰 발급 ↓ 프론트엔드가 로그인 상태로 변경
기본 명령 흐름은 다음과 같습니다.
파일 수정 ↓ 스테이지 ↓ 커밋 ↓ 푸쉬 ↓ GitHub 저장소
git add . git commit -m "로그인 기능 추가" git push
충돌이 생기면 아래 흐름으로 해결합니다.
브랜치 생성 ↓ 기능 개발 ↓ 커밋 ↓ 푸쉬 ↓ Pull Request 생성 ↓ 코드 리뷰 ↓ 머지
충돌 발생 ↓ 충돌 파일 확인 ↓ 남길 코드 선택 ↓ 수정 완료 ↓ 다시 커밋
대표적인 바이브 코딩 배포 흐름은 아래와 같습니다.
로컬 개발 ↓ 빌드 ↓ GitHub 푸쉬 ↓ 배포 서비스 연결 ↓ 프로덕션 배포 ↓ 도메인 연결 ↓ HTTPS 확인
Cursor / VS Code에서 코드 수정 ↓ GitHub에 push ↓ Vercel이 자동 빌드 ↓ 배포 URL 생성 ↓ 사용자가 접속
101개를 한 번에 외우기보다 아래 30개를 먼저 잡으면, AI에게 기능을 요청하고 코드를 실행하고 GitHub에 올려 배포하는 기본 흐름을 따라갈 수 있습니다.
I Want AI Now