![챗gpt 코딩 으로 만든 벽돌 깨기 게임](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/DALL·E-2024-01-31-19.22.16-A-20-something-Korean-youth-wearing-a-baseball-cap-is-playing-a-brick-breaking-PC-game.-The-brick-breaking-game-is-the-highlight-of-the-image-with-th.png)
챗GPT 코딩 시대가 열려가고 있습니다. 현직 개발자들도 챗GPT를 활용해서 코딩을 하고 있다고 합니다.
물론 챗GPT가 해준 코딩을 그대로 사용하기엔 무리가 있지만 현재 코딩 업무의 일정 부분의 도움을 받을 수 있어 챗GPT를 사용하는 것이 시간적으로 굉장히 효율적이라고 합니다.
저는 개발자가 아니라 코딩을 전혀 모릅니다. 챗GPT로 코딩을 해보자 하는 열의로 스파르타에서 “챗GPT를 활용한 코딩”등의 강의를 들어 본 적은 있는데
강의를 들으면서 그대로 따라 할 때는 잘 되던 것이, 혼자 챗GPT에게 물어 보면서 하면 생각처럼 되지 않는 경우가 많습니다.
역시 어느 정도 개발 지식이 있어야 왜 안되는지도 알고 챗GPT에게 어떻게 질문을 해야 하는 지도 알 수 있겠구나 하는 깨달음만 얻게 되었습니다.
초보자들의 불편함을 알고 GPT스토어에 코딩을 전문으로 해주는 GPT가 인기를 끌고 있어 소개해 드립니다. 저 같은 초보도 이 GPT를 활용해 10분 동안 아케이드 게임 2개를 뚝딱 만들 수 있었습니다.
1. 챗GPT 코딩 전문 GPTs “Grimoire” 그리모아
챗GPT 프롬프트창에 초보 수준의 명령어만 넣어도 제대로 코딩해주는 전문 GPTs 중에 제일 인기가 있는 것이 “그리모아(Grimoire)입니다.
![챗gpt 코딩 전문 그리모아 grimoire](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/GRIMOIRE.png)
“그리모아(Grimoire)”를 사용하기 위해서는 챗GPT 홈 화면 왼쪽에 있는 “Explore GPTs”메뉴를 클릭해서 GPT 스토어에 먼저 들어갑니다.
GPTs 에서 “Grimoire”를 검색합니다.
![챗gpt 코딩 전문 그리모아 grimoire](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/GPTS-1.png)
‘Grimoire”를 검색하면 아래와 같이 GPT가 검색이 됩니다. 처음 보이는 GPT를 클릭하면 바로 “그리모아”가 실행됩니다.
![gpts](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/그리모아.png)
2. 챗GPT 코딩 전문 GPTs “Grimoire” 로 게임 만들기
내 생애 첫 번째 만든 게임입니다. 물론 챗GPT가 있어서 가능한 일이었습니다.
그렇다 챗GPT로 인해서 누군가에겐 불가능한 일이 가능한 일이 되어 가고 있습니다.
“그리모아”에게 “혼자서 할 수 있는 벽돌 깨기 게임을 만들어 줘. 벽돌을 깰 때 마다 점수가 올라가는 방식이고 점수도 화면에서 볼 수 있도록 해주고 방향키로 컨트롤 할 수 있게 코딩해줘” 라고 요청했습니다.
“그리모아” 가 아래와 같이 “알겠습니다. 혼자서 할 수 있는 벽돌 깨기 게임을 만들어 드리겠습니다” 라고 극 존칭을 사용해서 답변을 하고 있습니다.
그리고 어떤 방식으로 설계해서 코딩 할 것인지 소개를 해 주고 있습니다.
![챗gpt 코딩 전문 그리모아 grimoire](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/벽돌깨기1.png)
“좋아. 지금부터 코딩을 시작해줘” 라고 요청했습니다. 소개해준 대로 먼저 HTML 구조 부터 코팅을 해주었습니다.
![챗gpt 코딩 전문 그리모아 grimoire](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/벽돌깨기HTML.png)
그 다음으로 게임의 시각적 요소를 설정하는 CSS 스타일을 코딩해 주었습니다.
![챗gpt 코딩 전문 그리모아 grimoire](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/벽돌깨기CSS.png)
마지막으로 게임의 움직임, 공의 이동 등 게임의 핵심 기능을 구현하는 자바스크립트를 코딩해 주었습니다.
![챗gpt 코딩 전문 그리모아 grimoire](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/벽돌깨기JAVA.png)
이렇게 HTML, CSS, JAVA 등 세가지 영역의 코딩을 완료 해 주었습니다. 이렇게 벽돌 깨기 코딩이 완료되었습니다.
3. 챗GPT 코딩 전문 그리모아가 만든 코딩 실행하기
이제 챗GPT가 만들어준 벽돌 깨기 코드를 실행해 보도록 하겠습니다.
그러기 위해서 “코드펜(Code-Pen)”을 실행해 보겠습니다. 코드펜은 개발된 코드를 사전에 테스트 해보는 플랫폼입니다. 구글에서 “코드펜”을 검색하면 됩니다.
“코드펜”을 열고 챗GPT에 있는 코드를 복사해서 아래와 같이 “코드펜”에 붙여 넣기를 합니다. HTML을 먼저 붙여 넣기 한 후 CSS와 JAVA코드를 HTML 내에 지정하는 곳에 붙여 넣기 하면 됩니다.
![챗gpt 코딩 전문 그리모아 grimoire](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/코드펜.png)
마지막으로 JAVA 코드를 붙여 넣기 하자마자 “코드펜” 화면에 요청했던 “벽돌 깨기” 게임이 실행되는 것을 볼 수 있었습니다.
![챗gpt 코딩 전문 그리모아 grimoire](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/벽돌깨기게임.png)
4. 코딩 전문GPT “그리모아”의 장점
인공지능 챗GPT를 잘 활용하기 위해서는 챗GPT와 대화하는 방식인 “프롬프트”를 잘 작성해야 합니다.
“그리모아”는 전문 프롬프트 엔지니어가 코딩을 위한 프롬프트를 미리 다 심어 놓은 “프롬프트”라서 내가 원하는 주제와 목적만 간결하게 작성해도 다 알아서 요청을 수행해 줍니다.
아래와 같이 “벽돌 깨기” 코딩의 내용을 간략하게 정리까지 해줍니다.
![챗gpt 코딩 전문 그리모아 grimoire](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/01/벽돌깨기-마무리.png)
챗GPT에서 바로 코딩을 해달라고 요청하는 것 보다 “그리모아”와 같이 GPTs에 있는 전문 코딩GPT를 활용해서 하는 것이 효율적입니다.
“해외에서 한국에 심부름 시킬 일 있으면 아래 이미지를 ‘클릭’ 하세요.
비싼 비행기 타고 일처리 하러 직접 한국에 오지 않아도 대신해서 개인일, 비즈니스 일을 처리해 드립니다.”
![international errand service](https://www.chatgpttimes.co.kr/wp-content/uploads/2024/06/converted_image-9.png)