Cursor + ChatGPT로 포트폴리오 랜딩페이지 만들기 첫 도전기

소Cursor + ChatGPT로 포트폴리오 랜딩페이지 만들기 첫 도전기

소개

Cursor를 활용해서 포트폴리오용 랜딩페이지를 처음 만들어봤어요! 😄
기획부터 코딩까지 ChatGPT의 도움을 받아 자동화 흐름을 체험하고 싶어서 시작한 시도였습니다.

진행 방법

이번 시도는 다음과 같은 흐름으로 진행됐어요:

  • Cursor 설치 및 Pro 버전 업그레이드

  • ChatGPT(GPTs)에게 포트폴리오 PRD(기획 문서)를 작성해달라고 요청

  • PRD를 기반으로 Cursor에서 코드 자동 생성

  • Run 버튼을 눌러 바로 랜딩페이지 결과 확인

사용한 주요 도구는 아래와 같아요:

  • 💻 ChatGPT (GPTs 기능)

  • 🧠 Cursor Pro 버전

결과와 배운 점

  • 기본적인 랜딩페이지는 완성했지만…! 😅 디자인이 썩 만족스럽진 않았어요.

  • 여러 웹 샘플을 참고하면서 디자인 감각을 더 키워야겠다는 생각이 들었습니다.

  • 무엇보다 Cursor가 거의 다 해주다보니, 처음엔 “내가 뭘 한 거지?” 싶은 느낌도 있었어요.

  • 하지만 차근차근 따라가다 보면 이해도와 퀄리티 모두 올라갈 것 같다는 확신도 생겼습니다.

  • 그리고 정말 중요한 포인트!
    👉 스터디장인 성장피터님의 친절하고 인내심 가득한 설명 덕분에 끝까지 포기하지 않고 해낼 수 있었어요. 🙏

도움 받은 글 (옵션)

  • 성장피터님의 실습 가이드 (비공개 자료)


💬 한마디:
처음엔 안개 속 같지만, 직접 해보면 분명히 감이 잡힙니다! 다음엔 더 나은 결과를 기대하며 🚀

결과

한국어가있는 웹 사이트 스크린 샷
한국어 웹 사이트의 홈페이지
1
2개의 답글
지피터스 뉴스레터

이번 주 AI, 딱 쓸 것만

매주 월요일 아침,
읽고 바로 써먹을 AI 소식만