안녕하세요:)  

요즘 유행하는 바이브코딩으로 프롬프트 관리 및 공유 사이트를 만들어 보았습니다. 

참고로 저는 비전공자 직장인입니다. 취미로 Dart, C#, Python 등 여러 프로그래밍 언어를 가볍게 배운 경험이 있지만 React (Vite)와 Supabase는 이번에 처음 사용해 보았습니다. (Firebase보다 훨씬 어렵더군요ㅜ)

Claude Code와 Cursor를 주로 사용해서 (물론 Chat GPT, Perplexity, Gemini까지 가용한 AI 서비스는 모두 동원했습니다 ㅎㅎ) 어설프지만 프로덕션 레벨 웹사이트까지 구축했습니다. Cloudflare에 호스팅했고, NameCheap에서 도메인을 구입해서 적용했습니다. 

사이트 특징은,

• 프롬프트 등록, 삭제, 분류 같은 기본 기능뿐만 아니라 기능을 지원합니다. 
  
  
  
  
• 그리고 할 수도 있습니다. (React Flow 사용했습니다.)
  
• 그리고 커뮤니티에서까지 구현했습니다.
  
  
  

약 2주에 걸쳐서 틈틈히 시간 내어 만들었는데 예전에 직접 코드 작성하고, 검색하고, 복붙하고, 수정하던 과정을

AI한테 맡기니 피로는 줄고 생산성은 엄청나게 높아지네요. (물론 제가 초짜라서 그럴 가능성이 큽니다 ㅎㅎ)

다만, 코드가 복잡해질수록 오류가 많이 발생해서 고생을 조금 했지만, 하다보니 이것도 요령이 생기네요. 

대부분 Context 7같은 MCP를 사용해서 최신 라이브러리를 적용하거나, 최신 공식 문서를 기반으로 코드를 수정하라고하니 해결이 되었습니다. (프롬프팅 할 때는 best practice, solid, robust, edge case 같은 키워드도 도움이 많이 되었습니다.) 

아직 다국어 지원 기능을 구현하지 못했는데 이 작업이 생각보다 까다로운 것 같아 미리 전략을 잘 구상한 후에 진행할 예정입니다.

아무쪼록 AI 활용하시는데 도움이 되기를 바라며, 그게 아니더라도 재미로 방문해서 글 하나 남겨주시거나 피드백 주시면 정말 감사하겠습니다! 

혹시 해당 글이 정책에 위배되거나 하면 곧바로 삭제하겠습니다!