글로벌 해커 주간 회고: Cursor, Grok 및 몇 가지 작은 앱
요약
글로벌 해커 주간에 참여하며 Cursor와 Grok을 활용해 실시간 경기 정보 앱(Game Day Glance)을 구축한 경험을 공유합니다. 또한, 동일한 JavaScript 함수 작성 프롬프트를 사용하여 Grok 4.7, Claude Opus 5.5, Gemini Flash 3.8 세 가지 모델의 성능과 속도를 비교 분석했습니다.
핵심 포인트
- Cursor를 활용하여 실시간 앱 개발이 용이함을 경험함.
- Grok 4.7은 정확하지만 가장 느렸음.
- Claude Opus 5.5는 빠르고 결과물이 우수했음.
- Gemini Flash 3.8은 테스트 케이스가 많았고 속도가 중간 수준이었음.
지난주 저는 Hacktoberfest 2026의 일환으로 MLH의 글로벌 해커 주간(Global Hack Week)에 참여했습니다. 저에게는 일주일이라는 시간, 아픈 발목, 그리고 Hacktoberfest 스티커북을 완성하겠다는 목표가 있었습니다. 그 결과 작은 프로젝트 몇 가지와 14 GHW 포인트를 얻었으며, 이제 저는 Hacktoberfest Completionist (스티커 16개)가 되었습니다. 🎉
제가 무엇을 만들었고, 무엇을 시도했으며, 무엇을 배웠는지 공유합니다.
도전 과제 1: 경기 당일 미리보기 (Cursor로 구축)
실시간 앱: https://game-day-glance.onrender.com
저는 아틀란타의 열렬한 스포츠 팬이라, 첫 번째 작품은 Game Day Glance였습니다. 이 앱은 제가 좋아하는 아틀란타 팀들이 다음에 언제 경기를 하는지 보여줍니다. 또한 상단에 실시간 경기 정보도 표시하여 한 곳에서 진행되는 모든 액션을 지켜볼 수 있게 합니다.
저는 Cursor를 사용하여 Grok으로 이것을 만들었습니다. 첫 실행 결과가 얼마나 잘 나왔는지에 놀랐습니다. 상단에 실시간 경기를 표시하기 위해 단지 한 가지 수정만 할 필요했습니다. 색상과 레이아웃은 처음부터 완벽했습니다. 유일한 점은 앱 생성에 시간이 좀 걸렸다는 것입니다. 하지만 새로고침 버튼은 정말 편리해서 마음에 듭니다.
도전 과제 2: Cursor 모델 성능 비교
다음으로, 저는 동일한 작업을 Cursor의 세 가지 모델에 요청했습니다: Grok 4.7, Claude Opus 5.5, 그리고 Gemini Flash 3.8.
프롬프트 (세 모델 모두 동일):
“‘Live now’ 또는 ‘Tonight 7:30 PM’, ‘Tomorrow 8:20 PM’, ‘in 3 days’와 같은 친근한 문자열이나 동부 시간 기준 ‘Sat, Oct 17 · 3:30 PM’을 반환하는 JavaScript 함수 formatCountdown(gameDate)를 작성하세요. 몇 가지 테스트 케이스도 포함해 주세요.”
제가 이 프롬프트를 선택한 이유는 이것이 제가 Cursor로 만든 GHW 미니 앱인 Game Day Glance에서 실제로 사용되는 기능이기 때문입니다. 이 앱은 아틀란타의 모든 팀에 대한 다음 경기 일정을 보여줍니다.
모델 1: Grok 4.7
-
장점: 매우 철저했고, 결과가 잘 작동했습니다.
-
단점: 세 모델 중 단연코 가장 느렸습니다.
모델 2: Claude Opus 5.5
-
장점 (Pros): 빠르고, 결과물이 잘 작동했습니다.
-
단점 (Cons): 이 작업에서는 눈에 띄는 단점이 없었습니다.
모델 3: Gemini Flash 3.8
-
장점 (Pros): 속도는 다른 두 모델의 중간 정도였습니다. 세 모델 중 가장 많은 테스트 케이스를 작성했으며, 파일과 함께 답변 안에 코드 스니펫을 포함하여 아무것도 열어보지 않고도 검토하기 쉽게 만들었습니다.
-
단점 (Cons): 이 작업에서는 눈에 띄는 단점이 없었습니다.
요약 (Takeaway): 세 모델 모두 작동하는 함수를 생성했기 때문에, 실제 차이점은 속도, 테스트 커버리지, 그리고 답변 제시 방식이었습니다. 빠르고 일상적인 작업을 위해서는 여전히 정확한 가장 빠른 모델을 선택할 것입니다. 추가적인 확신이 필요할 때는 Gemini의 추가 테스트가 좋은 보너스였으며, 더 큰 문제에는 느리하지만 더 철저한 모델을 아껴둘 것입니다.
챌린지 3, 4 및 6: 나만의 Grok Bot 만들기
저는 첫 번째 Grok Bot을 만들었고, 적절하게도 Grok이라고 이름을 지었습니다. 그리고 이 로봇에게 두 가지 기술(skill)을 가르쳤습니다:
- ESPN 다음 경기 스킬 (챌린지 4): Grok이 제가 속한 팀들의 다음 경기 일정을 조회하고, 매주 금요일 오후 5시에 루틴이 실행되어 주말 게임 계획이 저를 기다리게 합니다.
- 애틀랜타 이벤트 브라우저 워크플로우 (챌린지 6): Grok이 discoveratlanta.com을 검색하여 애틀랜타에서 할 수 있는 활동들을 모아줍니다.
Grok으로 스킬을 생성하는 것은 멋진 경험이었습니다. Grok의
MLH와 함께한 글로벌 해커 주간에 처음 참여해 보았습니다. 정말 즐거웠습니다. 발목 수술에서 회복하는 동안 소파에 앉아 무언가를 만들 수 있어서 멋졌어요. 내년이 기대됩니다!
다음 계획
Grok Bot을 더 깊이 파고들고, 이것을 제 삶에 어떻게 활용할 수 있을지 알아볼 예정입니다. X Premium, Grok, Grok Bot, Cursor가 포함된 X 구독권을 구매했습니다. 원래도 Grok 구독권이 있어서 사실상 번들 가격과 비슷한 수준이라 매우 좋습니다. 이제 같은 가격으로 매달 더 많은 도구들을 사용할 수 있게 되었어요!
즐거운 한 주를 보내게 해준 MLH, DEV, 그리고 Hacktoberfest 팀에게 감사합니다. 여러분도 글로벌 해커 주간에 참여했다면, 댓글로 무엇을 만들었는지 알려주세요! 👇
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기