퍼스널 랜딩페이지 제작 일기

– Cursor와 MCP, 그리고 시행착오의 기록

처음 Cursor를 접하며 퍼스널 랜딩페이지 제작에 대한 큰 동기를 얻었습니다.


“이제 나만의 웹사이트를 손쉽게 만들 수 있겠구나” 하는 기대와 함께 출발했지만, 곧 느꼈습니다.
진짜 중요한 것은 도구가 아니라, 내가 만들고 싶은 ‘집’의 설계도라는 사실을요.


🏗️ 설계의 중요성: PRD와 TODO를 통한 기초 다지기

개발을 하다 보면 ‘이 기능도 넣고 싶고, 저것도 해보고 싶다’는 마음이 앞섭니다.
하지만 그만큼 필요했던 것은 명확한 요구사항 정의였습니다.

PRD(기획 문서)를 통해 내가 만들고자 하는 서비스의 골격을 세우고,
TODO 리스트를 기반으로 한 단계씩 진행할 수 있도록 계획하는 것이 중요하다는 걸 느꼈습니다.


🔌 MCP와 백엔드 연동: 기술적 이해와 실천의 간극

Cursor뿐 아니라 Lovable, Bolt, Windsurf 등 다양한 AI 코딩툴을 활용하면서
supabase와 같은 백엔드 MCP 연동 방법론도 접하게 되었습니다.

이론적으로는 점점 이해가 되었지만, 막상 적용하려니
'이 기능은 어디에 연결해야 하지?', '지금 구조가 맞는 걸까?'와 같은 의문이 계속 들었습니다.
결국 반복적인 개발 → 삭제 → 재설계 과정을 여러 번 거치며,
명확한 기능 정의 없이는 집을 짓고 무너뜨리는 일을 반복하게 된다는 점을 절감했습니다.


🔄 리팩토링과 새로운 도전

지금은 다음 단계로 나아가기 위해,
💡 기능 요구사항을 정리하고, 단위 개발 → 테스트 → 확정 → 통합의 순환 구조를 만들고자 합니다.
이제는 효율적인 도구 활용을 넘어서,
내가 만든 서비스가 실제로 작동하고 의미 있게 쓰이도록 설계하고 싶습니다.


✍️ 초보 코더의 첫 걸음, 그리고 느낀 점

스터디에서 함께 해주시는 분들의 사례와 경험을 통해
머릿속은 점점 더 유연하고 전략적으로 바뀌고 있습니다.

하지만 동시에 실제 손발이 되어 코드를 짜고 연결해주는 MCP(코딩 도우미)를 활용하는 과정은
기대보다 어렵고 더디게 느껴지기도 했습니다.

그럼에도 불구하고, 이 과정이 없었다면 내가 진짜 원하는 것을 만들기 위한
‘생각 → 구조화 → 실행’ 이라는 핵심 흐름을 체득하지 못했을 거라는 것도 분명합니다.


🚀 다음 도전

  • 요구사항 명확화된 기능부터 작은 단위로 개발

  • Supabase 등 MCP 연동 실습 정리

  • 기능별 테스트 환경 구축

  • PRD 정리와 개발 일지 기록 습관화

도움 받은 글 (옵션)

“스터디별 사례발표"를 통한 지식의 상향 표준화

“스터디 구성원들이 직접 발표한 사례들을 통해 다양한 시야를 얻을 수 있었고, 개별 경험이 집단의 지식 자산으로 전환되는 과정을 느꼈습니다.”

1
1개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요