News

▲ 48 · 13 comments on source · Hacker News · cyrusradfar · 0 years ago

Show HN: VSCode에서 코딩 Agent와 함께하는 동적 코드 및 피드백 워크스루

저는 6살 때부터 프로그래밍을 해왔고, 그만두고 싶지 않습니다. Agents가 등장한 이후로 저는 점점 더 많은 무작위 아이디어들을 만들어가고 있습니다. 하지만 많은 사람들처럼 저도 Agent로 변경을 하고 싶을 때마다 막히고 좌절하곤 했습니다. 분명히 Agent 없이도 할 수 있었던 일인데도, 어떻게 동작하는지 *전혀 감이* 잡히지 않았거든요. 저는 Intraview를 만들어 제가 만들고 있는 것(혹은 vibe로 만든 것)에 대한 멘탈 모델을 구축하고 유지하도록 도왔습니다. 그래야 제 지식을 활용해 직접 고치거나, 더 구체적인 지시를 내릴 수 있으니까요. 그러다 이 도구는 제 워크플로우를 기분 좋게 바꿔놓는 무언가로 성장했습니다. Intraview는 VS Code 확장으로, 다음을 만들 수 있게 해줍니다: - 기존 Agent가 만들어주는 동적 코드 투어 - 투어의 저장 및 공유 (파일입니다) - IDE 인라인에서 투어 중이든 아니든 일괄 피드백/코멘팅 (이것도 파일입니다) 말보다 직접 보여드리는 걸 선호하는 분들을 위한 영상 워크스루도 있습니다. 무작위 오픈소스 레포( Plotly JS )에 뛰어들어 시작하기 위한 투어를 만드는 과정입니다: https://www.youtube.com/watch?v=ROBvFlG6vtY 기술 설계 관점에서 얘기하자면, 이건 대부분의 앱과 매우 다릅니다. 왜냐하면 앱 전체가 클라우드리스이기 때문입니다. 서버리스가 아니라, 외부 API가 전혀 없습니다(기본 사용 텔레메트리 외에는). - 기본 TypeScript 앱, JS/CSS/HTML - VS Code 내부의 Localhost MCP 서버 (워크스페이스당 하나씩 열림) 제가 마주한 세 가지 가장 큰 도전은: - 데이터베이스가 없는 상황에서 사용자 경험을 다시 고민하기 - 수많은 서로 다른 환경에서 MCP 연결을 관리하는 합리적인 경험을 구축하려 애쓰기 - 네이티브처럼 보이게 하고 싶어서 수많은 포크, Agent, 테마를 테스트하기 (향후 반복에서는 아마 방향을 바꿀 것 같습니다) 제가 궁금한 것은, 여러분은 어디서 가치를 보시나요: - 신규 프로젝트/개발자 온보딩 - PR 리뷰 - Agentic 코드 따라잡기 - 성과 리뷰 (EM용), GitHub 핸들 기준으로 가장 큰 기여를 투어로 만들 수 있습니다 - Agent와의 계획 정렬 및 리뷰 이 커스텀 링크로 VS Code에서 확장 페이지를 볼 수 있습니다 (참고: 리다이렉트되며 VS Code를 열 권한이 필요합니다. 실제로 설치되지는 않고, 한 번 더 클릭해야 합니다) - VS Code용: https://intraview.ai/install?app=vscode - Cursor용: https://intraview.ai/install?app=cursor 설치하고 MCP가 로컬 서버에 연결되었음을 확인한 뒤에는, Agent에게 이렇게 요청하기만 하면 됩니다: - 이 앱의 온보딩을 Intraview로 만들어줘.. - Intraview를 사용해서 [네가 만든 것]에 대한 내 피드백을 모아보자. 내가 세밀한 피드백을 줄 수 있도록 단계를 나눠줘. 여러분의 피드백과 논의를 기대합니다. 그리고 이게 HN이니까. PG의 인용할 만한 말씀 하나. “Your code is your understanding of the problem you’re exploring. So it’s only when you have your code in your head that you really understand the problem.” — Paul Graham

원문 게시글에서 발췌한 번역본입니다. 전문과 원문 댓글은 아래 링크에서 확인하세요.

Comment on HNEnglish
Post on X

Discussion on runchr

Loading comments…

to comment.