소개
시도하고자 했던 것과 그 이유를 알려주세요.
Google AI Studio와 Mobbin, 안티그래비티로 만드는 랜딩페이지 만들기 동영상 따라하기
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.
<이력서>
Mobbin 웹사이트 : Portrait-Sections-하단 이미지 클릭-Full Page-Copy as PNG
ai studio 프롬프트 : PDF 이력서 파일 및 모빈 이미지 가져와 첨부, "내 이력서를 바탕으로 한 포트폴리오 웹사이트를 만드려고 해. 내가 주는 이미지 를 바탕으로 스타일을 만들어주고, 내 이력서가 잘 드러날만한 형태로 웹사이트를 하나 만들어줘.", "디자인을 디테일하게 더욱 개선해주고, 다크모드를 만들어줘."
# Developer Log
## 2025-12-28
### Initial Setup
- Created `DEVLOG.md` to track development progress.
- Explored existing file structure:
- `portfolio(dark).index.html`
- `portfolio.index.html`
- `.claude/commands`
<빵집>
gpt 프롬프트 : "빵집에서 웹사이트 요청이 왔다고 가정하고, 빵집이 제공하고자 하는 서비스, 장점 등을 기술해서 가상으로 rfp를 만들어줘"
ai studio 프롬프트 : gpt프롬프트 및 Mobbin Section Copy as png 복붙, "위는 클라이언트가 제시한 RFP야. 이 내용과 이미지를 바탕으로 유사한 랜딩페이지를 디자인해줘. 부족한 이미지는 나노바나나로 제작해. 한국어로 해줘.", "스크린샷에 기반해서 디자인을 한 번 더 개선해주고, 이미지가 잘 안 나타나는 부분을 개선해줘."
<법률 자문 ai>
Mobbin-V7
GPT : "법률 자문 AI 서비스에 대한 PRD 만들어줘. 기술적 내용은 우선 배제해줘."
AI STUDIO : -
안티그래비티 : OPEN FOLDER에 파일 옮겨넣고 환경설정했는데, 에러가 나고 해결이 안 돼서 중단..ㅠ
결과와 배운 점
배운 점과 나만의 꿀팁을 알려주세요.
Mobbin, Goggle AI Studio, Antigravity를 복합적으로 사용하여 웹페이지 만드는 방식 배움
과정 중에 어떤 시행착오를 겪었나요?
네
도움이 필요한 부분이 있나요?
안티그래비티 환경설정이 잘 안 돼서 에러가 나는 거 같은데 이유를 잘 모르겠어요ㅠ
