5분 만에 게임을 만들어주는 코딩 에이전트

코딩 에이전트. 커뮤니티에서도 난리법석. 써보니까 굉장히 편함... 어마어마 했음. 사용해본 툴은 cursor와 windsurf. 둘 다 비슷하긴 한데 옵션이 조금 다르다. cursor의 경우 무료 모델로 GPT-4o-mini와 cursor-small 자체 모델이 제공된다. 간단한 프로젝트 혹은 이미 작성된 코드 수정은 무료 모델로도 충분히 쓸만 했음.

https://www.cursor.com/

Cursor - The AI Code Editor

 

Windsurf는 deeplearning.ai 강의를 통해서 알게 되었음. Windsurf도 비슷한데, 무료 모델은 Cascade Base라는게 제공된다. 기본적으로 클로드로 세팅이 되어 있는데, deeplearing.ai 강의에서 소개된 예제가 너무 재미있어서 써보게 되었다. 

https://codeium.com/windsurf

Windsurf Editor by Codeium

 

강의에서 소개한 첫번째 예제는 바로 snake 게임. 처음에는 짧은데, 조금씩 블록을 먹으면서 뱀이 점점 길어지는 게임. 강의에서 작성한 프롬프트 한 줄로 게임이 그냥 만들어진다. 퇴근하고 집에 와서 아이들 앞에서 게임 만드는 과정을 보여줬다. 코딩이 뭔지 몰라서 별 감흥은 없는 듯. 아무튼 같이 게임 좀 했다. 코딩 테크닉 보다 상상력이 더 중요한 것 같다. 기술구현이 쉬워질수록 콘텐츠가 풍부한 사람에게 더 많은 기회가 주어지는 세상이 오는 것 같다.

참고로 강의에서 초기에 만든 게임은 아래와 같다. 그 다음에는 게임을 조금씩 개선시켰다. 예를 들면 뱀이 먹는 상자를 과일로 바꾼다든지, 상자를 먹을 때 마다 효과가 발생하게 만든다든지 (노란색이 펑 터지는 효과), 뱀이 블럭을 먹으면서 길어질때마다 게임 배경의 색이 바뀌게 한다든지... 등등. 한번 심심할 때 해보시길... 코딩 몰라도 게임을 만들 수 있는 세상이 왔음.

코딩 에이전트가 5분만에 만들어준 게임.

 

게임 제작에 사용된 프롬프트는 단 한줄: I want to make snake game with javascript and html.

클로드 3.7을 썼을 때는 모든 작업이 이 프롬프트 한 줄로 다 이루어졌다. 무료 모델을 쓰니까 손은 좀 더 가지만, 그래도 게임 하나 만드는데 5분 정도... javascript랑 html은 익숙하지도 않은데, 코딩 에이전트와 놀면서 배우면 금방 배울 것 같다. 코드 설명까지 다 해주니,, 코드 인수인계 할 때도 굉장히 유용하겠다는 생각이 들었다. (프로젝트 맡은 사람이 퇴직하면, 인수인계해도 처음부터 코드를 다시 뜯어봐야 되는 상황이 너무 답답했었음...)

 

https://www.deeplearning.ai/short-courses/build-apps-with-windsurfs-ai-coding-agents/

Build Apps with Windsurf’s AI Coding Agents

코딩 에이전트에는 유료 모델을 연결해서 사용하게 되어 있는데, 여기저기 찾다보니 무료 모델을 어떻게든 연결해서 쓰는 사람들도 꽤 있는 것 같다. deeplearnig.ai 강의도 함께 소개해본다. 영어 강의지만 자막도 있고, 그냥 화면에서 에이전트가 코드를 작성하는 것만 봐도 유익할 듯.