Cursor with PRD Gpts로 뚝딱! 만드는 랜딩페이지

소개

개발자도 아닌 내가 랜딩페이지를 만들 수 있을까? 🤔
사전 지식이 없어 부담스러웠지만, 스터디장이신 성장피터님의 cursor 수업에 참여하며 따라만 해도 결과물이 나오는 신기한 경험을 할 수 있었습니다.

처음에는 cursor 가입과 설치부터 막막했지만, 막상 해보니 GPTS와 cursor를 연결하는 과정만으로도 랜딩페이지가 뚝딱 만들어지는 것이 너무 놀라웠습니다.

prd.md, todo.md 파일을 순서대로 생성
아래 프롬프트를 입력하여 에러를 해결하고 결과물 생성 성공
순서대로, 프롬프트 창에 입력합니다.
prd.md 생성
@prd.md 를 참조해서 todo.md를 만들어줘
@todo.md 를 활용해서 순차적으로 개발 진행해주세요.
그리고 가장 중요한 마지막 프롬프트....

바닐라 Javascript를 사용하고 Plain CSS를 활용해서 간단한 랜딩페이지를 구현해 주세요.

처음에 여러 번 에러가 발생했지만, 프롬프트를 조금 수정하니 바로 해결되어 완성된 결과를 얻었습니다.
AI 초보로서도 충분히 성취감을 느낀 순간이었습니다.

💡완성된 랜딩페이지 - 수고에 비해 완성도 높은 결과가 나왔습니다. 특히 인터렉티브한 요소가 가미되어 조금만 더 손을 보면 쓸만한 랜딩페이지가 될 것 같았습니다.

PRD에 어떤 내용을 넣느냐가 정말 중요하다는 것을 배웠습니다.
- 랜딩페이지의 목적
- 모객 대상/팔것/가격
- 😀 😀 담을 요소들
- 디자인 스타일 등

이 모든 것을 미리 생각하고 기획하는 것이 최종 결과물의 완성도와 직결된다는 것을 깨달았습니다.

👩‍💻 앞으로의 계획
이번 경험으로 자신감을 얻었고, 다음에는 더 구체적인 목표와 기획을 가지고 시도해보고 싶습니다. 청강생으로 들었지만, 기회가 된다면 cursor 수업을 정식으로 꼭 들어보고 싶습니다.😀