ChatGPT와 함께 웹서비스와 웹게임 만들어보기

ChatGPT 스터디 2기 때 열심히 ChatGPT활용해보고 요즘에는 개발에 많이 사용 해보고 있습니다.
일단 간단한 웹서비스나 웹게임 부터 복잡한 서비스 까지 만들어보려고 하는데요 일단 간단한 Snake Game 을 만들어서 공유 드려봅니다.

일단 아래의 프롬프트로 모던 스타일의 디자인으로 html, css, javascript 만 가지고  Snake Game 게임을 만들어달라고 합니다.

1. ChatGPT프롬프트 - 상황 설정
act as a experienced frontend developer

2. ChatGPT프롬프트 - Snake Game 웹게임 만들어달라고 요청 하기

I’m trying to build a simple web game, give me step by step instruction with code example with the following requirements.
- title: Snake game
- using html, css, basic javascript
- design & css: modern style design, responsive, colorful
- output markdown code
- 답변은 한글로

한번에 잘 안될수도 중간에 조금씩 수정 과정이 필요하지만 ChatGPT의 결과물 만으로 아래의 게임을 만들었습니다.

자세한 만드는 과정 및 수정 과정은 아래 블로그 링크에서 확인 가능 합니다.
그리고 ChatGPT로 만든 게임을 아래 URL에서 확인 해볼수도 있습니다.

https://developer-fastlane-simple-snake-game.netlify.app/


그리고 그외 다양한 웹서비스 및 게임들을 만들어보았으니 참고 부탁 드립니다. 

간단한 웹서비스 만들기​

간단한 웹게임 만들기​