안녕하세요
최근 제가 혁신적이라고 생각했던 바이브코딩 경험기를 올려봅니다

저는 몰랐는데 제가 하는 방식이 최근에 많은 바이브코딩이라는걸 만들고 나서야 알았습니다

저는 근무시간에 항상 이어폰으로 스포티파이로 노래를 듣는데 스포티파이 용도로 작은 외장모니터를 연결해
플레이리스트를 띄워놓을 만큼 노래들으면서 일하는걸 좋아합니다

그런데 항상 아쉬운점이 있는데 좋은 노래가 나오면 일을 하는 중에도 앨범아트나 곡정보를 확인하고 싶은데
그게 좀 불편했습니다

그래서 항상  외장 디스플레이 화면에 앨범아트, 노래제목, 가수이름 등 정보만 띄워 놓는 방법 찾았는데
마땅히 적당한 방법이 없었습니다

그래서 최근에 Chat GPT 로 여러가지 일을 시켜본 결과 충분히 코딩도 가능하다는 결론으로
일단 ESP32 에 OLED 디스플레이가 부착된 완제품을 사서 테스트 하기로 마음먹습니다

제가 구매한 건 ESP32-S3 보드에 2.16 OLED 디스플레이가 장착된 제품입니다
항상 USB 선이 달려있는게 보기 싫어서 충전할 생각에 배터리 내장된 제품으로 샀습니다

지금은 판매를 안하는데 거의 같은 제품은 ESP32-C6 라고 스펙이 같은 제품이 있습니다
혹시 따라해보실 분은 이제품으로...

아무튼 이걸 받고 Chat GPT에게 코딩을 시켜서 원하던 기능을 완성했습니다.

구조는 메뉴바에 떠있는 맥용 앱이 있고

이곳에서 연결상태등을 볼수 있습니다

나중에는 욕심이 생겨서 3D 프린터 상태창을 추가하니 그것도 가능해서 추가하고
처음에는 하나의 기기와 연동되게 했는데 나중에 다른 디스플레이 추가할 목적으로
다중 기기 연결 설정까지 했네요

ESP32 S3 디스플레이에는 이렇게 맥에서 재생중인 스포티파이노래의

앨범 아트를 전체 화면으로 띄우고 맨위에는 wifi 연결 상태 - 배터리 남은 용량 - 충전중이면 CHG 문구가 나오고
배터리가 10% 미만이면 배터리를 충전해주세요 라고 빨간 문구가 화면 중앙에 띄가 만들었습니다

아래쪽에는

노래제목

가수이름
플레이시간
플레이 진행바로 구성을 했습니다

화면을 누르면 노래 일시 정지, 좌우 스와이프는 전곡 다음곡으로 넘어가게 만들었습니다

그리고 위에서 아래로 스와이프 하면 옵션창이 나오고

이런식으로 화면 구성을 하게 만들었습니다

수정에 수정을 했는데
예를 들면 ESP32를 90도 180도 270도 돌리면 화면도 같이 돌게 코딩 해달라고 ChatGPT에게
입력하면 화면은 도는데 터치설정은 그대로라 작동이 안되는등 결국에는 사람이 하나씩 확인하고
수정해달라고 하면서 했습니다

그리도 프로그래밍의 프 자도 모르는 제가 Chat GPT에게 말로 설명해서 이정도 구연이 가능하다는게
정말 신기했습니다.

이건 디스플레이는 오랬동안 생각만 해왔는데 가능해진것이 앞으로도 AI가 우리생활을 바꿀지 많이 실감했습니다


이게 가능하다는걸 알고 이제는 3D 프린터용 출력파일도 제가 직접 그리는게 아니고 Chat GPT에게 주문해서 만들고 있습니다
아마 이거 3D 도면 그리는거 배우는데 일년은 걸렸을 것 같습니다

물론 여기 계신분중에 실력이 좋아서 저희 결과물에 허점도 보이시겠지만
일반인이 열심히 만든것으로 봐주시면 감사하겠습니다