코딩 몰라도 OK? Cursor로 포트폴리오 만드는 과정 공유

소개

Cursor는 예전부터 가입만 해두고 한두 번 부분적으로 수정할 때만 써본 게 전부였고, 사전 지식이 없다보니 중간중간 답답했던 기억이 있어서, 이번 스터디를 통해 제대로 배워보고 싶었습니다.💡

진행 방법

1. 계정 업그레이드 문제와 Pro 버전 반영까지의 험난한 여정

  • 기존 가입했던 계정은 이미 Pro trial 기간이 끝나서 무료버전으로 스터디에 참여하기엔 퀄리티에 아쉬움이 있을것으로 예상. 그렇다면 단순하게 신규 계정 하나 더 만들면 될 줄 알았는데, 예상과 달리 Pro trial이 부여되지 않고, 그냥 Free 버전으로만 보여짐 😥

  • 결국 유료 결제를 진행했으나, Cursor앱 실행 시 Pro로 업그레이드가 안되고, 계속 Free버전으로만 인식. 아니 왜?

    Microsoft Windows 10의 설정 메뉴 스크린 샷
  • 앱 삭제/재설치, 웹 로그인 반복, receipt 첨부 후 이메일 문의까지 시도

  • 몇 시간 후, 앱 재설치와 함께 드디어 Pro 버전이 반영됨 → 이 과정에서 시간 소모가 컸음

2. PRD Builder 사용과 npm 에러 대처

  • 스터디 중 안내받은 PRD Builder GPTs를 통해 "퍼스널 브랜딩용 포트폴리오 페이지" 생성을 요청함

  • 생성된 내용을 prd.md 파일로 저장하고, 이를 기반으로 todo.md 파일까지 제작

    컴퓨터에서 한국어 스크린 샷
  • 중간에 npm 관련 에러 발생 → 화면 캡처 후 "에러났으니 고쳐줘" 요청을 계속 반복하며 문제 해결, 생각보다 작업 시간이 오래 걸렸음

    한국과 중국어 텍스트가있는 검은 색 스크린 스크린 샷
  • 무엇 때문에 발생한 에러인줄 모르는 '나' 대신, Cursor가 오류를 수정해가며 잘 반영해주는 상황에 놀라웠음 😮

결과와 배운 점

  • 랜딩페이지 디자인 결과물이 다른 스터디원분들과는 조금 다른 형태로 나왔고, 솔직히 디자인면에서는 아쉬움이 컸음. 추후 원하는 디자인 시안을 찾아서, 가이드로 줘야겠다는 생각을 함

    한국어 텍스트가있는 블루 스크린
  • 가장 큰 깨달음은: PRD Builder에 입력하는 내용이 구체적이고 명확할수록 결과물 퀄리티도 높아질 것이라는 점🎯, 처음 PRD입력 당시 몇 가지 키워드만 주고 요청했던 탓에 만족스런 결과는 아니지만, 다음번엔 직접 prompt와 구조를 정교하게 다듬어서 개선할 계획

  • PRD Builder와 Cursor와의 조합으로 이렇게 결과물을 "뚝딱" 만들어내고 수정까지 자동으로 되는 과정이 굉장히 신기하고 즐거운 경험이었음 🧩

도움 받은 글

  • 성장피터님의 17기 Cursor웹앱 강의

  • PRD Builder GPTs

1
1개의 답글

뉴스레터 무료 구독