CLIEN

본문 바로가기 메뉴 바로가기 보기설정 테마설정
톺아보기 공감글
커뮤니티 커뮤니티전체 C 모두의광장 F 모두의공원 I 사진게시판 Q 아무거나질문 D 정보와자료 N 새로운소식 T 유용한사이트 P 자료실 E 강좌/사용기 L 팁과강좌 U 사용기 · 체험단사용기 W 사고팔고 J 알뜰구매 S 회원중고장터 B 직접홍보 · 보험상담실 H 클리앙홈
소모임 소모임전체 ·굴러간당 ·아이포니앙 ·주식한당 ·방탄소년당 ·MaClien ·일본산당 ·개발한당 ·자전거당 ·AI당 ·이륜차당 ·안드로메당 ·소시당 ·콘솔한당 ·바다건너당 ·소셜게임한당 ·PC튜닝한당 ·키보드당 ·테니스친당 ·물고기당 ·VR당 ·창업한당 ·ADHD당 ·나혼자산당 ·갖고다닌당 ·육아당 ·노젓는당 ·골프당 ·클다방 ·나스당 ·냐옹이당 ·IoT당 ·어학당 ·레고당 ·방송한당 ·라즈베리파이당 ·달린당 ·여행을떠난당 ·3D메이킹 ·X세대당 ·AI그림당 ·날아간당 ·사과시계당 ·배드민턴당 ·야구당 ·농구당 ·블랙베리당 ·곰돌이당 ·비어있당 ·FM당구당 ·블록체인당 ·보드게임당 ·활자중독당 ·볼링친당 ·캠핑간당 ·문명하셨당 ·클래시앙 ·요리한당 ·쿠키런당 ·대구당 ·DANGER당 ·뚝딱뚝당 ·디아블로당 ·개판이당 ·동숲한당 ·날아올랑 ·전기자전거당 ·e북본당 ·이브한당 ·패셔니앙 ·도시어부당 ·FM한당 ·맛있겠당 ·포뮬러당 ·젬워한당 ·걸그룹당 ·안경쓴당 ·차턴당 ·총쏜당 ·땀흘린당 ·하스스톤한당 ·히어로즈한당 ·인스타한당 ·KARA당 ·꼬들한당 ·덕질한당 ·가죽당 ·리눅서당 ·LOLien ·Mabinogien ·임시소모임 ·미드당 ·밀리터리당 ·땅판당 ·헌팅한당 ·오른당 ·영화본당 ·MTG한당 ·소리당 ·노키앙 ·적는당 ·찰칵찍당 ·그림그린당 ·소풍간당 ·심는당 ·패스오브엑자일당 ·품앱이당 ·리듬탄당 ·Sea마당 ·SimSim하당 ·심야식당 ·윈태블릿당 ·미끄러진당 ·축구당 ·스타한당 ·스팀한당 ·파도탄당 ·퐁당퐁당 ·테스트당 ·빨콩이당 ·공대시계당 ·터치패드당 ·트윗당 ·가상화폐당 ·시계찬당 ·WebOs당 ·위스키당 ·와인마신당 ·WOW당 ·윈폰이당
임시소모임
고객지원
  • 게시물 삭제 요청
  • 불법촬영물등 신고
  • 쪽지 신고
  • 닉네임 신고
  • 제보 및 기타 제안
© CLIEN.NET
공지[점검] 잠시후 서비스 점검을 위해 약 30분간 접속이 차단됩니다. (금일 18:15 ~ 18:45)

모두의공원

VS Code와 함께 바이브 코딩 따라하기 2

2026-01-04 17:40:40 수정일 : 2026-01-04 17:45:20 73.♡.32.183
GPT

바닥 부터 바이브 코딩으로 프로젝트를 시작하려는 분은 일단, VS Code를 설치하고 아래 문서 대로 하면 어떻게 바이브 코딩을 시작할 수 있는지 대충 감을 잡을 수 있습니다. 별도의  Coding Agent 계정이 필요한데, Github 계정이 있으면 무료도 Copilot Agent를 사용할 수 있습니다. 

Get started with vibe coding using GitHub Copilot Agent | mslearn-github-copilot-dev 

더 좋은 튜토리얼이 많이 있을텐데, 일단  MS에서 만든 이 문서가 처음 시작하기 좋은 것 같습니다.

여기서 핵심은 처음 제품 요구 문서( product requirements document) 부터 VS Code Agent 모드를 이용해서 써달라고 하고, UI도  wireframe diagrams을 그려달라고 하면 text 기반으로 잘 그려줍니다. 여기서 UI까지 정확하게 설계해주면 주어진데로 작성을 해줍니다. PRD에 필요한 Frontend, backend 기술도 추가해줍니다. 


이렇게 생선된 PRD과 UI문서를 가지고 프로젝트를 생성하라고 하면 생성을 하고 스스로 빌드도 합니다.
어차피 모든 기능을 한번 다 할 수 없기 때문에 기능을 너무 많이 정의하지 말고 조금씩 확장하도록 합니다. 

Agent 모드의 특징이 문제가 생기면 스스로 해결을 하려고 합니다.


소프트웨어 개발이라는 것이 혼자 모든 것을 다 할 수 없는데,  바이브 코딩을 하다보면 기획자, 디자이너, 백엔드, 프론트엔드 개발자 모드를 함께 데리고 개발하는 것 같은 느낌이 드네요.

일단 사람은 Agent에게 지시만 잘하면 됩니다. 갈수록 Coding Agent가 똑똑해져서 문제해결 능력도 점점 사람처럼 합니다. 개발툴과 웹서비스등에 대한 이해가 있으면 간단한 웹페이지나 앱은 누구나 손쉽게 만들 수 있을겁니다.

GPT 님의 게시글 댓글
  • 주소복사
  • Facebook
  • X(Twitter)
댓글 • [2]
Ipho
IP 219.♡.178.210
01-04 2026-01-04 19:27:51
·
저 문서가 언제만들어진지는 모르겠는데 최근 안티그래비티 기준으로는 prd 부터 태스크 관리까지 자동으로 해줍니다....
사유
-
일시
-
관리자에 의해 삭제되었습니다.
새로운 댓글이 없습니다.
이미지 최대 업로드 용량 15 MB / 업로드 가능 확장자 jpg,gif,png,jpeg,webp
지나치게 큰 이미지의 크기는 조정될 수 있습니다.
목록으로
글쓰기
글쓰기
목록으로 댓글보기 이전글 다음글
아이디  ·  비밀번호 찾기 회원가입
이용규칙 운영알림판 운영소통 재검토요청 도움말 버그신고
개인정보처리방침 이용약관 책임의 한계와 법적고지 청소년 보호정책
©   •  CLIEN.NET
보안 강화를 위한 이메일 인증
안전한 서비스 이용을 위해 이메일 인증을 완료해 주세요. 현재 회원님은 이메일 인증이 완료되지 않은 상태입니다.
최근 급증하는 해킹 및 도용 시도로부터 계정을 보호하기 위해 인증 절차가 강화되었습니다.

  • 이메일 미인증 시 글쓰기, 댓글 작성 등 게시판 활동이 제한됩니다.
  • 이후 새로운 기기에서 로그인할 때마다 반드시 이메일 인증을 거쳐야 합니다.
  • 2단계 인증 사용 회원도 최초 1회는 반드시 인증하여야 합니다.
  • 개인정보에서도 이메일 인증을 할 수 있습니다.
지금 이메일 인증하기
등록된 이메일 주소를 확인하고 인증번호를 입력하여
인증을 완료해 주세요.