진격의 Cursor 1편 : 퍼스털 랜딩페이지 만들기

소개

  • 평소 웹앱을 만들고 싶은 마음은 있었지만 감히 엄두가 나지 않았습니다. Cursor 웹앱 만들기 수업을 알게 되어 용기를 내어 참여하게 되었습니다. Cursor를 설치하고 퍼스널 랜딩페이지를 만들면서 느낀 첫 번째 진격기입니다.

진행 방법

  • PRD BUILDER와 Cursor를 사용하여 prd.md, todo.md를 만들었습니다.

  • 첫번째 난관 : Node.js

-다운로드 받는 방법부터 작동하는 방법까지 챗지피티에 물어보며 https://nodejs.org에 접속하여 설치완료했습니다.

  • 두번째 난관 : 랜딩페이지 오류

메시지가 담긴 웹 사이트의 스크린 샷

  -Tailwind CSS의 PostCSS 플러그인이 별도 패키지로 분리되어 오류가 발생하여 Tailwindcss/postcss 패키지를 설치했습니다

메시지가 담긴 웹 페이지의 스크린 샷

-Postcss에 문제가 계속 발생하여 포기하고 말았습니다. 다음날 심기일전하여 다시 도전하여 해결했습니다.

  • 세번째 난관 :

디자인이 마음에 들지 않아 '노션 스타일'로 수정해달라고 요청했습니다. 또 성장피터님의 랜딩페이지를 Cursor에게 던져주며 네비게이션을 만들어달라고 하여 결과물(??)을 만들었습니다.

결과와 배운 점

  • Cursor와 대화하며 작업하는 것이 아직 익숙하지 않지만 해결방안을 알려주는 든든한 동료라는 생각이 들었습니다. 앞으로 다른 회원들이 작업한 것을 참고하여 보다 깔끔한 랜딩페이지를 만들 계획입니다.

1

뉴스레터 무료 구독