바이브코딩으로 프로젝트 관리하는 웹앱 초안 만들기

소개

  • 바이브코딩으로 프로젝트 관리하는 웹앱 초안 만들기

  • OT(참석 못해서 다시보기로 열심히 따라잡기^^)에서 소개해준 바이브코딩으로 깊이 생각하지 말고 쉬운 것부터 한번 만들어보자고 생각하고,

  • 무엇을 만들까 고민하다, GPT가 잠깐 먹통인 틈을 타 Gemini와 대화하다 프로젝트 관리 웹앱 html 초안 버전을 만들어 보았습니다.

  • 만들고 보니 다듬어서 활용도를 고민하며 완성도를 높여보고 싶다는 생각이 드는군요.^^

진행 방법

사용한 도구: Gemini 2.5 flash, 메모장

  1. 오늘이 사례 발표하는 날이라는 것을 아침에 인지하고, 무엇을 만들까 고민하다, Gemini와 대화해봅니다. GPT 만큼의 결과가 나올까 했는데 그동안 Gemini도 많이 사용했네요. 제가 하는 일을 잘 정리해주었습니다^^

    한국어 텍스트가있는 검은 색 화면

  2. 알려준 내용 중에서 '프로젝트 관리 및 기획' 부분이 눈에 들어왔습니다.

    한국 프로젝트 관리 및 계획

  3. 일단은 바이브코딩으로 웹앱을 만들 수 있는 아이디어에 대해 더 알려달라고 합니다.

    한국어 텍스트가있는 검은 색 화면

  4. 프로젝트 관리와 관련해서 웹앱을 만들어보기로 하고, 좀 더 자세히 기획해 달라고 요청하였습니다.

  5. 내용을 확인하고 6개월을 3개월로 줄여서 '프로젝트 어시스턴트' 웹앱을 만들 수 있는 코드를 작성해 달라고 요청하였습니다.

    한국어 텍스트가있는 검은 색 화면

  6. 기간이 너무 길어서 다시 3주로 줄이고, html만으로 구현할 수 있는 코드를 만들어 달라고 요청하였습니다.

    한국어 텍스트가있는 검은 색 화면

  7. 혼자 할 수 있는 '프로젝트 어시스턴트'로도 내용을 수정해보았습니다.

  8. 결과는 처음에 첨부한 이미지와 같습니다^^

결과와 배운 점

바이브코딩 나도 했다!!

그냥 만들어본 것이지만 다듬어서 프로젝트 어시스턴트로 사용해봐야겠다. 욕심이 난다^^

도움 받은 글

이상수 님의 스터디방 아침 메시지!

한국 말로 길을 걷는 소녀의 삽화
1
2개의 답글

뉴스레터 무료 구독