GitHub MCP server 연결

https://github.com/github/github-mcp-server

Install in VS Code Install in VS Code Insiders


아이디어 기획

급등락 주식을 대시보드 추가해보자.

메뉴에서, 관심종목, 포트폴리오 다음으로 "급등락 종목들"이라는 메뉴를 하나 더 만들어야해.

다음과 같은 API를 호출할 경우,
엔드포인트: function=TOP_GAINERS_LOSERS
예: https://www.alphavantage.co/query?function=TOP_GAINERS_LOSERS&apikey=YOUR_KEY

첨부 파일 같은 값이 반환이 돼.
반환: 미국 주식시장의 상승 상위 20, 하락 상위 20, 거래량 상위 20 목록(티커, 가격, 등락액/등락률, 거래량 등).

첨부된 컨텐츠의 응답 JSON 값을 참고해서 3개의 리스트를 세로로 표시해주는 기능을 추가하려고 해. 이때, 모바일의 경우 3개가 반응형으로 세로 형태로 나열이 될거야.

이 기능에 대해서 정의를 해서 Task를 만들고, Task는 Frontend와 Backend 전문 Full Stack Engineer가 해당 Issue를 잘 이해할 수 있도록 영어 기반 Markdown 형태로 TASK를 작성해야해.

최종적으로 이 TASK는 GitHub Issue로 등록해줘.



Visual Studio Code 에서 이슈 생성


Issue 생성 확인


Issue 내용 확인


이슈 Copilot Agent에게 일감 던짐


Coding Agent 일감(Issue) 시작 (번역된 상태)


Coding Agent 일감(Issue) 마무리



Issue 작업 완료 검토

작업 내용 검토


PR 확인 검수


승인 - 키값 등을 적용해서 배포


Frontend 실제 배포 현황


프론트엔드 배포 URL 확인


새메뉴 추가 확인


검수


머지


액션 워크폴로우 동작 확인


배포 확인