실제 사례 연구: SOLO Coder를 사용하여 "웹 페이지를 마크다운으로" 브라우저 플러그인 만들기 웹사이트 구축 외에 제가 주로 쓰는 작은 도구는 브라우저 플러그인입니다. 지난 며칠 동안 TRAE SOLO 모드를 사용하여 웹페이지 콘텐츠를 마크다운으로 추출하는 플러그인을 사용해 봤는데, 정말 편리했습니다. 또한, 코딩 에이전트인 TRAE를 사용하여 브라우저 플러그인을 작성하면서 몇 가지 경험과 팁을 얻었습니다. - 프레임워크 사용: 브라우저 플러그인을 위해 특별히 설계된 wxt와 같은 프레임워크를 사용하는 것이 가장 좋습니다. 이를 사용하면 처음부터 빌드하는 데 많은 시간을 절약할 수 있습니다. - 예시로 시작해 보세요. 에이전트 학습은 비교적 초기에 이루어지고 많은 라이브러리가 자주 업데이트되므로 에이전트를 처음부터 만들지 마세요. WXT + React + Tailwind + Shadcn 프로젝트가 적합합니다. https://t.co/RF9Q0SAZlH - 먼저 계획을 세우고, 그 다음에 실행합니다. 에이전트가 직접 코드를 작성하는 것보다, 제가 먼저 SOLO로 계획을 세우고 실행하는 데 익숙합니다. - 수동 피드백: Agent와 같은 브라우저 플러그인은 접근 및 디버깅을 직접 도울 수 없으므로 직접 테스트하고 오류 결과를 Agent에 붙여넣어야 합니다. 제가 구현할 때 사용한 프롬프트 단어는 다음과 같습니다. 관심 있으시면 시도해 보세요. --- 프롬프트 단어 시작 --- 현재 웹페이지에서 제목, 링크, 웹페이지 콘텐츠 등의 정보를 마크다운 형식으로 캡처할 수 있는 브라우저 플러그인을 구현하는 데 도움을 주세요. 스크린샷을 참고하세요(참고: 이미지 2). - 최대 크기 400x600 - 제목은 최대 한 줄로 표시될 수 있습니다(제목이 너무 길면 생략 부호가 표시됩니다). 속성 내의 메타 정보는 최대 한 줄에 표시됩니다(줄이 너무 길어지면 생략 부호가 표시됩니다). - 웹페이지 콘텐츠의 마크다운 부분은 남은 공간을 채웁니다. 콘텐츠가 너무 길면 스크롤할 수 있습니다. - 아래에 복사 버튼이 있습니다. 클릭하면 마크다운 콘텐츠 전체(제목 + 콘텐츠 + 소스 URL)가 복사됩니다. - 플러그인에 올바른 웹 페이지 접근 권한이 있고 웹 페이지 콘텐츠에 접근할 수 있는지 확인하세요. 기술 스택: - wxt: 플러그인 프레임워크 - Tailwindcss + shadcn ui: UI - 시작하려면 이 샘플 프로젝트를 직접 다운로드하세요(https://t.co/RF9Q0SAZlH). wxt-dev/examples/tree/main/examples/react-shadcn 디렉터리의 전체 내용이 포함되어 있어야 하며, 다른 관련 없는 내용은 필요하지 않습니다. --- 프롬프트 끝 --- SOLO 공식 버전을 받은 후, SOLO Coder를 사용하여 이 프롬프트를 다시 만들었더니, 발생한 오류 수가 크게 줄어들었고 생성 속도도 빨라졌습니다. 플랜 모드를 활성화하면 먼저 플랜이 생성됩니다. 실행을 시작하기 전에 플랜을 수동으로 검토하여 문제가 없는지 확인하는 것이 가장 좋습니다. 첫 번째 시도가 실패할 수 있습니다. 결과를 다시 보내 수정하세요. 원하는 결과를 얻으려면 여러 번 반복해야 할 가능성이 높습니다. 완성된 후 어떻게 사용할지 모르겠다면, 에이전트에게 게시하고 사용하는 방법을 물어보거나, 간단히 문서화해 달라고 하면 됩니다. TRAE SOLO 패턴을 사용하여 구축된 이 작은 프로젝트가 GitHub에 게시되었습니다.
마지막으로: 내 생각 전반적으로 SOLO 모드는 CLI 모드에 익숙하지 않은 사용자에게 훨씬 더 편리할 것입니다. - 프롬프트를 쉽게 입력하고 편집하고 이미지를 붙여넣을 수 있습니다. - 마우스를 이용해 언제든지 모드를 중지하거나 전환할 수 있습니다. - DiffView를 사용하면 코드 업데이트를 쉽게 볼 수 있고, Browser를 사용하면 웹페이지 효과를 실시간으로 볼 수 있습니다. CLI 모드에 익숙한 사람들에게는 이러한 장점이 그리 명확하지 않을 수 있지만, 브라우저에서 작업할 수 있는 기능은 여전히 웹 애플리케이션을 개발하는 데 훨씬 더 편리합니다. 마지막으로 청구에 대해 이야기해 보겠습니다. TRAE는 토큰 사용에 매우 관대합니다. 최근 SOLO는 토큰 기반 청구 방식으로 전환했으며, 이는 빠른 요청으로 전환되어 멤버십 패키지에서 차감됩니다. 각 대화가 끝나면 사용량 세부 정보가 IDE의 대화 상자 하단과 TRAE 웹사이트의 사용량 페이지에 명확하게 표시됩니다. 여러분 모두, 특히 제가 위에서 언급한 SubAgent를 사용해보시거나 제가 위에서 공유한 제안을 바탕으로 자신의 브라우저 플러그인을 작성해보시기를 권합니다. TRAE International Version 공식 웹사이트: https://t.co/rF5s0uF53p https://t.co/wQXKquMgqg