바이브 코딩으로 새로운 웹서비스를 개발하고 있습니다.
안녕하세요? 하랑입니다. “UI 어떻게 만들어요?” 요즘 이 질문을 정말 많이 받아요. 저도 코딩 모르는 비개발자인데, 지금은 AI 툴 덕분에 그냥 말로 설명하면 화면이 뚝딱 나와요. 근데 막상 써보면 툴마다 성격이 완전 달라서 뭘 써야 할지 헷갈리거든요. 오늘은 제가 직접 써본 또 앞으로 써볼예정인 AI 디자인 & 프론트엔드 개발 툴 5가지를 비교해드릴게요. 특히 Claude 계열 툴인 … 더 읽기
📌 이 글 한 줄 요약: SEO를 모르면 아무리 좋은 글도 묻힌다. 그래서 Rank Math 같은 플러그인을 쓰는 건데, 마침 AI 기능 과금 방식이 통째로 바뀌면서 무료 혜택이 대폭 늘었다는 소식이 왔다! 업데이트 전에 꼭 읽어봐요. 안녕하세요, 하랑입니다! 🙋♀️ 요즘 블로그 운영하면서 SEO라는 단어를 피해 갈 수가 없잖아요. 근데 솔직히 “SEO가 뭔데?” 싶었거든요. 오늘은 그 … 더 읽기
My Kpop Name 을 더욱 매력적인 서비스로 만들자! 안녕하세요? 하랑입니다. 제주도 워케이션 기간동안 만들었던 서비스에 대해 포스팅한적이 있는데 기억하시나요? 이 서비스는 지금 잠시 정체되어 저의 고민주머니에 들어왔습니다.결국 개발만큼 중요한 것은 운영과 마케팅이라는 걸 다시 한번 느끼네요. 게으른 개발자의 자아성찰 포스팅 시작합니다. 혹시 전 포스팅이 궁금하신 분 들은 아래 포스팅을 먼저 읽어보시고 방문해 주세요. 기적처럼 2번의 … 더 읽기
안녕하세요, 하랑입니다. 지난 4월 11일 포스팅으로 GitHub Actions로 Supabase 무료 플랜의 자동 휴면을 방지하는 방법을 소개드렸는데요. 그 이후 뿌듯하게 세팅 완료! 하고 넘겼는데… 며칠 뒤 GitHub에서 메일이 한 통 날아왔습니다. “Supabase Keep Alive #3 — ping: Process completed with exit code 6.” 워크플로우가 실패했다는 알림이었어요. 😱 Supabase가 잠들지 않게 깨워주려고 만든 워크플로우가 오히려 에러를 뱉고 … 더 읽기
안녕하세요, 하랑입니다! 오늘은 저의 작고 소중한 워드프레스 블로그를 운영하다가 정말 간이 툭 떨어질 뻔한 경험을 공유하려고요. 카페24 호스팅을 사용하시는 분들이라면 언젠가 한 번은 마주치게 되는 PHP 업데이트 문제, 그리고 그 이후에 따라오는 무시무시한 오류 메시지까지. AI의 도움을 받아 차근차근 해결한 과정을 정리해 드릴게요!디지털 노마드가 되려면 이정도 역경정도는 극복 할 줄 알아야 하는거 아닌가요? 아핫핫핫 🚨 … 더 읽기
안녕하세요 하랑입니다. 저는 바이브 코딩을 할때 보통 제미나이와 클로드를 교차 사용하며 아이디어 정리와 PRD를 작성하고 커서를 활용해서 개발, git-hub을 사용한 개발 버전관리, vercel을 사용한 배포, supabase를 사용한 데이터 축적 하는 식으로 활용하고 있어요. 교육하면서 배운 툴이다 보니 아무래도 손이 먼저 가는 것 같아요. 이중에 백엔드를 담당하는 supabase는 무료 플랜도 훌륭해서 잘 쓰고 있지만 치명적인 단점이 … 더 읽기
안녕하세요? 하랑 입니다. 제주도 워케이션의 기억을 남기고 있습니다. 저는 AI를 활용한 기획과 바이브 코딩 > 개발배포를 아우르는 전반적인 과정을 교육받는 중 워케이션의 기회가 되어 2주간 제주에 방문했습니다. 예창패 사업계획서 구체화, MVP개발등 빡빡한 일정속에서도 재미를 잃지 않기위한 토이프로젝트를 진행 해봤는데요. 오늘은 그 이야기를 해볼까 합니다. 1. 디지털 노마드의 꿈, AI가 러닝메이트가 되다 아무래도 제가 꿈꾸는 디지털노마드가 … 더 읽기
안녕하세요 하랑입니다. 그간 오픈클로 설치와 관련한 시리즈를 풀다보니 조금 어질어질 한것 같아 오늘은 잠시 쉬어가는 의미로 지난 1월말~2월 초 까지 다녀온 제주워케이션 이야기를 꺼내볼까 합니다. 디지털 노마드를 꿈꾸는 저에게 잠시 찍어 먹어본 행복이었어요. 혹시 오픈클로시리즈가 궁금하시면 아래 글을 방문해주세요^^ A편: 스스로 일하는 AI 비서 ‘OpenClaw’ 완벽 가이드B편: 내 컴퓨터 망가뜨리지 않고 AI 비서 키우는 법 … 더 읽기
📌 이 글은 OpenClaw 3부작 시리즈의 마지막 편입니다.👉 A편: 스스로 일하는 AI 비서 ‘OpenClaw’ 완벽 가이드👉 B편: 내 컴퓨터 망가뜨리지 않고 AI 비서 키우는 법 (ft. 클라우드플레어 워커스) 안녕하세요! 하랑입니다. 시리즈 마지막 편 작성을 앞두고 예비창업패키지 준비로 잠시 포스팅이 늦어진 점 양해 부탁 드립니다. 나의 창업을 위해 작성한 생애 첫 사업계획서 제출이다보니 제출완료 되기까지 정말 … 더 읽기
안녕하세요. 마케팅 필드에서 오랫동안 고객의 심리를 고민하다, 이제는 AI의 매력에 푹 빠져 ‘바이브 코딩(Vibe Coding)’으로 예창패에 도전 중인 하랑입니다. 현재 마이스터고와 특성화고 학생들을 위한 맞춤형 진로 매칭 플랫폼 ‘꼭고(kkokgo)’의 MVP(최소 기능 제품)를 개발하며, 비 개발자로서 겪는 기술적 장벽과 극복 과정을 이 블로그에 낱낱이 기록하고 있습니다. 오늘 다룰 주제는 최근 전 세계 IT 업계와 개발자 커뮤니티인 … 더 읽기
지난 주 저는 약 4개월간의 ai리더캠프라는 교육과정을 수료했습니다. 원격교육이었기에 직접만날기회가 없던 동기들을 수료 다음날 강남 모처에서 만나 수료증을 받고 네트워킹을 하는 시간을 가졌습니다. 교육 시작 전 쓴 포스팅 구경가기 나이 45, 반대를 무릅쓰고 70노모의 열띤응원에 힘을 얻어 시작한 도전이었습니다. 그당시 저는 권고사직과 그뒤 이어진 오랜 실업상태로 저의 효용성에 큰 의심과 좌절을 느끼고 있었기 때문에 살기위해 … 더 읽기
🚨 [2026년 5월 업데이트] 이 에러, 지금도 현재진행형입니다 이 포스팅을 처음 쓴 건 2026년 2월이었는데요. 그 이후로도 구글이 꾸준히(?) 모델을 바꾸면서 이 글을 찾아오시는 분들이 계속 늘고 있어요. 특히 2026년 3월 이후에 갑자기 에러가 생겼다면 이 업데이트 내용이 도움이 될 거예요. 📌 최근 주요 변화 요약 – 2025년 11월: Gemini 2.0 시리즈 API 완전 중단 … 더 읽기
“개발은 AI가 다 해준다는데, 왜 내 결과물은 엉망일까?” 요즘 ‘바이브 코딩(Vibe Coding)’이라는 말이 정말 많이 들린다. 자연어로 툭툭 던지면 AI가 찰떡같이 코드를 짜준다는 뜻이다. 하지만 막상 챗GPT나 클로드(Claude), 커서(Cursor) 같은 툴을 켜고 “쇼핑몰 만들어줘”라고 입력해 본 사람들은 알 것이다. 결과물은 그럴싸해 보이지만 버튼은 작동하지 않고, 데이터는 저장되지 않으며, 수정하려고 하면 전체가 무너져 내리는 경험을. 도대체 … 더 읽기
초심자를 위한 필수 명령어 & 꿀팁: 검은 화면 정복을 위한 완벽 가이드 지난 포스팅에서 우리는 우여곡절 끝에 OpenCode(오픈코드)와 Oh My OpenCode를 내 컴퓨터에 심는 데 성공했다. (아직 설치 전이라면? 👉 여기서 5분 만에 설치하고 오자) 하지만 막상 실행 후 우리를 반겨주는 건 까만 화면(터미널)과 깜빡이는 커서뿐이다. 비전공자인 나 역시 처음엔 “이거 명령어 잘못 쳤다가 내 … 더 읽기
커서 AI (Cursor AI) 사용법: 코딩 10배 빨라지는 5가지 충격적인 기능! 저는 웹퍼블리싱을 몇년전 배워서 vscode라는 툴을 사용해 본적이 있었습니다. 처음에 커서를 열었을때는 vacode랑 비슷한데 뭐가 다르다는거지 라고 의문을 가졌죠. 하지만 커서 AI (Cursor AI) 를 경험하고 나면, 아 바이브 코딩을 할때 왜 커서커서 하는지 알수 있을 겁니다. 코드 편집기의 새로운 혁명이라 불리는 이유가 있더라구요. … 더 읽기
v0와 커서를 활용한 워드프레스 블로그 임시글 작성 시스템 혹시 사랑하는 사람을 위해 세상에 단 하나 뿐인 특별한 선물을 해주고 싶다는 생각, 해보신 적 있나요? 저는 코딩의 ‘ㅋ’자도 모르던 비개발자이지만, 오직 남자친구 한 사람만을 위한 특별한 AI 서비스를 직접 만들어 선물했습니다. 지금 ai관련 교육을 받으면서 단순히 검색 창 정도로 사용하던 gemini의 쓸모를 알게 되었고 또 여러가지 … 더 읽기