소개
웹페이지 내 모든 이미지를 저장하는 크롬 익스텐션을 만들어 보고자 했습니다. Cursor를 활용해 PRD를 작성하고, todo.md 기반으로 개발을 진행해보는 실험이었습니다.
진행 방법
개발 도구: Cursor + GPT
사용 언어: TypeScript
PRD와 todo.md를 생성해 작업 흐름을 구체화했습니다.
디버깅 단계에서는 이미지 수집 로직이 작동하는 것으로 보였으나, 실제 배포된 익스텐션에서는 이미지가 저장되지 않았습니다.
문제를 해결하기 위해 오류 부분 설명 및 가능한 오류 메세지 기반으로 Cursor에게 무지성 수정 요청 및 재배포를 반복했으나, 기능 정상화에는 실패했습니다.
결과와 배운 점
크롬 익스텐션도 결국 하나의 애플리케이션이라는 점을 체감하며, 기본적인 웹 프로그래밍 역량이 필요함을 느꼈습니다.
크롬 익스텐션제작은 TypeScript 사용 시 불필요한 컴파일 단계가 추가되어, JavaScript 사용이 더 효율적일 수 있다는 점을 배웠습니다.
브라우저에서 익스텐션 배포까지는 오류 메세지 찾기가 쉬웠으나, 기능 부분은 개발자모드에서도 디버깅이 쉽지 않아 개선이 쉽지 않았습니다., 추후에 mcp browser tools이나 logging 방법을 배워 더 적극적으로 활용할 예정입니다.
PS 금주는 피치못할 사정으로 청강자 사례게시 설명은 못할 것 같습니다.
스터디 너무 잘 듣고 있어서 사례 게시글 올립니다~
넘나 감사합니다 👍 😀
