분류 전체보기 14

[AI 코딩] 타자만 쳤는데 마인크래프트가 완성된다고? 클로드 3.5 vs 제미나이 프로 전격 비교!

"코딩? 그거 수학 잘하는 천재들이나 하는 거 아님?" 불과 몇 년 전까지만 해도 이 말은 정답이었습니다. 까만 화면에 하얀 영어 글씨를 빽빽하게 적어야만 화면 속 캐릭터가 1cm라도 움직였으니까요. 하지만 시대가 완전히 바뀌었습니다. 이제는 복잡한 프로그래밍 언어 대신, AI에게 사람 말로 '명령'만 내릴 줄 알면 누구나 나만의 게임을 만들 수 있는 시대가 왔습니다.오늘은 제가 직접 코딩 지식 없이 오직 '말 한마디'로 웹 브라우저에서 돌아가는 **'마인크래프트'**를 만들어본 생생한 후기를 전해드리려고 합니다. 특히 제가 유료로 구독 중인 강력한 AI, 제미나이 프로(Gemini Pro)와 클로드 3.5(Claude 3.5)의 결과물을 직접 비교해 보았으니, AI가 어디까지 발전했는지 눈으로 직접 확..

바이브코딩 2026.03.11

내가 '블로그'가 아닌 '워크스페이스(Workspace)'를 론칭한 이유 (feat. 해외 유입 전략)

1. Why 'Workspace'? (왜 하필 워크스페이스인가?)오늘 나는 새로운 사이트를 오픈했다. 그리고 이곳의 명칭을 흔한 '블로그'나 '홈페이지'가 아닌 **'워크스페이스(Workspace)'**로 정의했다. 여기에는 명확한 의도와 전략이 숨어 있다.한국 인터넷 생태계에서 '블로그'는 여전히 개인적인 일기장이나 맛집 리뷰의 느낌이 강하다. 하지만 내가 지금 구축하고 운영하려는 이 사이트는 단순한 기록 저장소가 아니다. **나의 기술, 나의 프로젝트, 그리고 나의 서비스가 실시간으로 돌아가는 '작업의 현장'**이다.무엇보다 가장 큰 이유는 '글로벌 확장성(Global Scalability)' 때문이다. 'Workspace'라는 단어는 전 세계 어디서나 통용된다. 실리콘밸리의 개발자도, 유럽의 디자이..

카테고리 없음 2026.01.21

Google PageSpeed Insights API 분석 및 웹 성능 핵심 지표(Core Web Vitals) 완벽 정리

안녕하세요. 최근 웹 서비스의 성능 최적화와 데이터 시각화에 관심을 갖게 되어, 구글의 **PageSpeed Insights API (PSI)**를 심층적으로 분석하고 공부했습니다.이번 포스팅에서는 해당 API의 기술적 구조, 데이터 요청 방식(Request), 그리고 응답 데이터(Response)에 포함된 **핵심 웹 성능 지표(Core Web Vitals)**의 기술적 의미를 정리해 보려 합니다. 1. Google PageSpeed Insights API란?PageSpeed Insights API는 구글의 오픈소스 자동화 도구인 Lighthouse를 기반으로 웹페이지의 성능을 측정하고 분석 데이터를 JSON 형태로 반환해 주는 인터페이스입니다.단순히 "빠르다/느리다"를 판별하는 것을 넘어, 브라우저가..

공부 2026.01.20

"코드는 AI가 짭니다, 저는 거들 뿐." 제미나이 프롬프트 랩 개발기 (Supabase + Vibe Coding)

Intro. 이제 코딩은 '타이핑'이 아니라 '지휘'다.요즘 개발 트렌드가 바뀌고 있다. 예전에는 문법 하나하나 외워서 치는 게 실력이었다면, 이제는 AI에게 얼마나 찰떡같이 지시를 내리느냐, 즉 **'바이브 코딩(Vibe Coding)'**의 시대가 왔다.평소에 AI(LLM)를 쓰다 보면 "와, 이 프롬프트는 진짜 물건인데?" 싶은 순간들이 있다. 근데 이걸 메모장에 적어두자니 관리가 안 되고, 카톡 나에게 보내기에 넣자니 나중에 찾기가 너무 힘들었다.그래서 생각했다. "그냥 넷플릭스처럼 썸네일 딱 뜨고, 버튼 하나 누르면 복사되는 사이트 하나 만들까?"그렇게 시작된, 주말 하루 순삭 사이드 프로젝트 [Gemini 3 Prompt Lab] 개발기를 푼다. (결론부터 말하면, 코드는 내가 안 짰다. AI..

바이브코딩 2026.01.19

어젯밤 귀한 꿈, 정성(精誠)으로 풀이하여 숫자에 담았습니다.

안녕하십니까. 호들갑 꿈 상점입니다.간밤에 평안히 주무셨는지요? 나이가 들수록 잠자리가 편안해야 하루가 건강하다는데, 혹시 어젯밤 꿈자리가 유독 생생하지는 않으셨나요.돌아가신 부모님이 꿈에 보여 반가우셨거나, 집안에 불이 활활 타오르거나, 탐스러운 돼지 한 마리를 품에 안으셨을지도 모르겠습니다.우리는 예로부터 이런 꿈을 그저 개꿈이라 치부하지 않고, 하늘이 보내는 귀한 신호라 여겼습니다."기계가 뽑아주는 번호에 온기가 있습니까?"요즘 로또 번호를 뽑아준다는 곳들을 보면, 그저 기계가 '드르륵' 하고 무작위로 숫자를 뱉어내곤 합니다. 거기에 무슨 사연이 있고, 무슨 간절함이 담기겠습니까.저희 호들갑 꿈 상점은 다릅니다. 어르신께서 꾸신 꿈 내용을 한 글자 한 글자 읽어보고, 그 안에 담긴 기운을 살핍니다...

홍보 2026.01.18

"꿈을 현실의 데이터로 코딩하다" AI와 함께한 '호들갑 꿈 상점' 개발기

안녕하세요. 호들갑 LAB입니다.오늘은 제가 최근 진행한 토이 프로젝트, **'호들갑 꿈 상점'**의 개발 과정을 기록으로 남겨보려 합니다. 이번 프로젝트는 저에게 있어 **'바이브 코딩(Vibe Coding)'**의 정수를 경험한 시간이었습니다.과거에는 개발자가 모든 문법을 외우고 한 땀 한 땀 코드를 작성해야 했다면, 이제는 다릅니다. 기획자가 원하는 느낌(Vibe)과 디테일을 명확히 설계하고, AI라는 강력한 파트너를 지휘하여 결과물을 만들어내는 방식. 그것이 제가 정의하는 바이브 코딩입니다.단순한 랜덤 번호 생성기가 아닌, 사용자의 간절함과 무의식을 숫자로 치환해 주는 서비스. 그 디테일한 구현 과정을 공유합니다. https://imokokok-hub.github.io/index.html 호들갑 ..

바이브코딩 2026.01.18

애드센스 광탈 + 넷리파이 터짐... '호들갑 로또 꿈 상점' 깃허브 대이주 & 리뉴얼 후기

1. 개요토이 프로젝트로 개발한 로또 번호 추천 서비스, **'호들갑 로또 꿈 상점'**을 운영하던 중 두 가지 기술적/운영적 문제에 직면했다.Google AdSense 승인 거절: '가치 없는 콘텐츠(Low Value Content)' 사유로 승인이 반려됨.호스팅 이슈: 기존 Netlify 무료 플랜의 트래픽 및 빌드 제한 우려 발생.본 포스팅에서는 이를 해결하기 위해 GitHub Pages로 서버를 이전하고, 콘텐츠 부족 문제를 해결하기 위해 서비스를 리뉴얼한 과정을 정리한다.2. 서버 환경 변경 (Netlify → GitHub Pages)기존에 사용하던 Netlify는 배포가 간편하다는 장점이 있으나, 장기적인 운영 안정성과 비용 효율성을 고려했을 때 GitHub Pages가 더 적합하다고 판단했다..

바이브코딩 2026.01.16

AI 에디터 Cursor로 게임 뚝딱 만들기:우주 암석 파괴자 프로토타입 제작기

[서론] 개발자, AI의 등에 올라타다최근 개발자 커뮤니티를 뜨겁게 달구고 있는 화두는 단연 'Cursor(커서)' 에디터입니다. VS Code를 기반으로 만들어져 익숙하면서도, 내 프로젝트의 전체 맥락을 이해하는 강력한 AI 기능을 탑재했다는 이 도구. 과연 실무나 사이드 프로젝트에서 얼마나 유용할까요?직접 '우주 암석 파괴자(Space Rock Breaker)' 라는 웹 게임을 만들어보며 Cursor의 성능을 테스트해 보았습니다. 결론부터 말씀드리면, **"이제 코딩은 '작성(Writing)'이 아니라 '지휘(Directing)'의 영역으로 넘어갔다"**는 것을 뼈저리게 느꼈습니다.오늘은 Cursor를 활용해 게임을 만든 과정, 실제 사용법, 그리고 요즘 화제가 되고 있는 '바이브 코딩(Vibe Co..

바이브코딩 2026.01.16