cursor를 활용한 포트폴리오 프론트엔드 개발 사례

소개

시도하고자 했던 것과 그 이유를 알려주세요.

cursor를 기반으로 next.js 기반 포트폴리오 프론트 개발을 진행하였습니다.

https://ban-o.art/

사람들이 한 페이지의 스크린 샷

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)

cursor 기반으로 싱어송라이터 반오라는 가수의 프로필 사이트 개발을 진행하였으며, claude 3.5 기반으로 진행했다가, 최근 3.7 출시를 기점으로 리팩토링을 진행하였습니다.

연락처 사이트의 기능은 AWS와 통합하여, Lambda, SES, API Gateway 통합하고, 호스팅은 집에 남는 NAS에 Docker로 올려서 호스팅 진행하였습니다.

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

과정 중에 어떤 시행착오를 겪었나요?

도움이 필요한 부분이 있나요?

앞으로의 계획이 있다면 들려주세요.

claude 3.7 기반으로 업데이트 되면서 문맥을 파악하는 기능이 비약적으로 상승되었습니다. 혹시 아직 사용하지 않으신 분들이 있으시다면, 사용해 보시는것을 적극 추천합니다.

디자인의 대한 부분은 어떻게 접근해야 할지 막막하신 분들이 계실것으로 보이는데, 이럴 경우 본인이 맘에 들어하시는 사이트 기반으로 캡처하셔서 레퍼런스로 제시하신 상태로 프롬프팅 하시면 처음에 원하시는 디자인을 얻으실 수 있을 것이라 생각합니다.

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

(내용 입력)

👉 이 게시글도 읽어보세요