#바이브 코딩(?) #코딩은 몰라도 되!! #테트리스 #갤러그

 

 

🚀 바이브코딩 이란?

 

바이브(Vibe : 특정 장소, 사람, 또는 상황에서 느껴지는 분위기나 느낌을 의미 ) 인 것처럼
느낌대로 컴퓨터에게 말하면 그것을 코딩으로 표현해 보는것??

 

그러기 위해서 우리가 어떻게 해보면 좋을까요?

 

아래 생각대로 한번 작업을 해봅시다~

 

​

1️⃣ 하고 싶은 걸 먼저 정하고(게임, 앱, 음악 등)

 

2️⃣ 필요한 코딩을 배우면서 직접 만들고

 

3️⃣ 즐기면서 실력까지 쌓는 새로운 코딩 공부법!

 

4️⃣ 문법 암기보다 체험과 창작 중심

 

5️⃣ 놀다 보면 실력이 쌓이는 새로운 코딩 방법

​

​

🚀 바이브코딩 작동방법

​

1️⃣ 생성형 AI를 활용한 코드 작성 방식

 

2️⃣ 자연어 프롬프트를 통해 코드 생성 및 수정

 

3️⃣ 개발자의 의도를 AI가 이해하고 코드로 구현

 

4️⃣ 프롬프트 엔지니어링 기술이 핵심 역량으로 부상

​

​

​

🚀 바이브코딩 도구와 플랫폼

이외에도 요즘은 다양한 사이트에서 지원됩니다

 

 

 

중학생들이 체험해 볼수 있는 사이트를

한번 경험해 볼까요?

 

 

🚀 바이브코딩 예시

​

1. 뤼튼(https://wrtn.ai/)

  질문 :

테트리스 게임 만들어줘

 

답변 :

• 조작법
  • ← → : 좌우 이동
  • ↓ : 빠르게 내리기
  • ↑ 또는 X : 시계 방향 회전
  • Z : 반시계 방향 회전
  • Space : 하드드롭(바로 떨어뜨리기)
  • P : 일시정지/재개

 

뤼튼에서 테트리스를 html코드로 만들어 준 화면

 

이렇게 만들어준 html 문서를 

 

메모장을 이용해서

테트리스 게임.html

0.01MB

  

 

 

 

- 갤러그 게임 만들어줘

 

 

 

메모장에서 프로그램을 복사해서 붙여넣기 한후

갤러그.html로 저장을 하고 

파일을 실행하면

아래 화면처럼 게임이 바로 실행됩니다

 

대~~~박!!!

 

갤러그.html

0.01MB

 

 

 

 

지뢰게임 만들어줘

초급, 중급, 고급 단계를 선택할 수 있게

 

 

지뢰찾기 간단버전.html

0.01MB

  

 

 

다양한 작업들 웹앱이나 게임등을

​

몇마디의 말로 만들어 보는

​

바이브 코딩! 여러분도 시도해 보세요~^^

​

재미있어요~~