코딩 몰라도 OK! K-Pen AI프롬프트로 킹왕짱 쉽게!

안녕하세요! 크레이입니다.

오늘은 여러분들의 코딩 실력을 단숨에 레벨업(?) 시켜줄 'K-Pen'의 
'어마무시 울트라 캡숑 짱짱'한 소식을 들고 왔습니다 ㅎㅎ

사실 AI와 협업해 새로 개발해 넣은 기능이예요 ^^..

"코딩 너무 어려워 ㅠㅠ 단번에 뭔가 보여줄만한 걸 만들수 없을까?" 
하고 생각해 보신적 없나요? ^^..

그런 분들을 위해 준비한 K-Pen 의 'AI 프롬프트'가 있습니다!

아래 순서로 진행하시면 되는데요.

1. K-Pen에서 'AI 프롬프트 복사'
2. 제미나이나 chatGPT로 이동하면 붙여 넣으면 코드가 뚝딱
3. K-Pen에 돌아와 코드를 붙여넣으면 오우~ 앱이 돌아간다!

오늘 내용은 지난번보다 훨씬 쉽습니다.
세상 좋아졌죠? ㅎㅎ

자, 거두절미하고 바로 실습 들어갑니다!

마법의 지팡이, "AI 프롬프트 복사"

K-Pen 우측 상단 메뉴(햄버거 버튼)를 눌러보시면, 
'AI 프롬프트 복사' 라는 반짝이는 메뉴가 생겼을 거예요.

이 버튼은 여러분 대신 'AI에게 질문하는 법, 프롬프트'을 아주 친절하게 작성해서 클립보드에 복사해줍니다.
여러분은 AI에게 "이거 만들어줘!" 라고만 하면 되는 거죠.

1분 만에 '게임 앱' 만들기 도전!

백문이 불여일타! 직접 해봐야 제맛이죠? 
오늘은 '씨앗을 심고 물을 주면 나무가 자라는 마법 농장 게임'을 만들어 볼께요.
자, 따라오세요!

* K-Pen 사이트 URL ( 자주 사용하신다면 즐겨찾기 등록은 필수! )
https://cray7.mycafe24.com/k-pen/

1단계. 프롬프트 복사하기

K-Pen 우측 상단 메뉴에서 [AI 프롬프트 복사] 버튼을 클릭합니다. 
"AI 프롬프트가 복사되었습니다!" 라는 창이 떴다면 성공!

2단계. AI 선생님 소환하기

메뉴 바로 아래에 있는 [Gemini 🚀] 버튼을 눌러보세요. (ChatGPT를 쓰셔도 상관없습니다 ^^) 

새 창이 열리면, 제미나이 입력창에 Ctrl + V (붙여넣기)를 하세요.
(제미나이가 처음이시라면 구글 로그인! 해주세요! )
그러면 이렇게 아주 긴~ 프롬프트 자동 입력될 겁니다.

3단계. 뭘 만들고 싶나요?

여기서 여러분이 할 일은 딱 하나! [만들고 싶은 앱] 부분을 지우고, 
원하는 걸 적으시면 됩니다.

저는 이렇게 적어봤어요. 
[ 씨앗을 심고 물을 주면 나무가 자라는 마법 농장 게임 ]
그리고 엔터 탁! 치면?

4단계. 코드 복사 & 붙여넣기

AI가 순식간에 코드를 짜줄 겁니다. (오우~ 신난다!) 
코드 완성까지는 1분 정도 걸리니 AI가  채팅을 끝냈나 먼저 확인하신 후에
AI가 만들어준 코드 박스 우측 상단의 '복사' 버튼을 누르시고,

다시 K-Pen으로 돌아와서 JS 탭의 기존 코드를 지우고 
Ctrl + V로 붙여넣으시면 끝!

결과 확인

짜잔~! 화면 오른쪽에 시간이 실시간으로 결과화면이 나타났나요? 
코드 한 줄도 직접 짜지 않았는데, 약간의 수고로 결과물을 만들었습니다!

더 욕심이 나서 프롬프트를 좀 더 길게 써봤는데요.
구체적이면 구체적일수록 AI가 더 잘 만들어 줍니다!
[씨앗을 심고 물을 주면 여러그루의 나무가 자라는 레벨/경험치/골드/아이템 요소가 있는 마법 농장 RPG 게임]

와우~ 결과입니다^^ ( 용량이 커서 움짤은 올라가지 않아 동영상으로 올려 드려요 )
플레이 가능한 URL : https://cray7.mycafe24.com/k-pen/index.php?id=69569aaf51753

AI 선생님이 주석도 아주 친절하게 달아주고 포인트도 짚어주기 때문에 
설명을 쭉 흝어보는 것으로도 여러분의 코딩 시야는 한층 넓어지실 겁니다.

코딩 내공이 오르는 소리가 들리시지 않나요? ^^
다음 시간에는 이렇게 작성한 코드를 친구에게 공유하는 법을 다뤄볼께요.
개발자 친구에게 '나 이거 만들었어~'하면 '너 언제 이렇게 배웠어?' 하고 놀랄지도 모를 일이죠^^

마무~리

사실 AI코딩은 완전하지 않습니다. AI 멋대로 상상해서 짤 때도 있거든요.
그리고 이 결과는 사실 완전한 여러분의 능력은 아닙니다.
AI활용능력으로 평가받으려면 무슨 요소를 수정해야 할 때 자유자재로 수정할 수 있어야 하거든요.
마치 자동차를 운전할 때 후진, 주차 등을 연습할수록 더욱 숙련되듯이 말이죠.

코딩학습을 통해 지식을 쌓고 코딩내공을 증강시킴으로 AI가 짠 코드를 이해하고 능수능란하게 AI에게 지시하고 다룰수 있게 된다면 "AI가 원하는게 아닌 내가 원하는 걸" 자유자재로 만들어 낼 날이 올 겁니다!

---

말씀 한절 공유드립니다. AI는 코딩을 도와주긴 하지만, 
우리 삶과 영혼을 붙드시고 도와주시는 진정한 분은 유일하신 하나님 한분이시라 믿습니다!

"두려워하지 말라 내가 너와 함께 함이라 놀라지 말라 나는 네 하나님이 됨이라 내가 너를 굳세게 하리라 참으로 너를 도와 주리라"
-이사야 41장 10절-