바이브 코딩으로 새로운 웹서비스를 개발하고 있습니다.
비개발자 출신 하랑의 AI를 활용한 노코드 개발 정복기
컴퓨터를 잘 못 다뤄도 바이브 코딩을 걱정 없이 하고 싶다. 하지만 무섭다. 전문 개발자들도 엉뚱한 사람에 메시지를 보내거나 작업 파일을 통으로 삭제하거나 하는 AI에 대해 일단 당하고 나서야 알게 되는 현실은 비 개발자인 나에겐 더욱 두렵게 느껴지는 게 사실. 특히 클로드 코드는 안그래도 터미널의 검은 화면이 나를 압박하는데 영어로 계속 질문,질문… 아 이러다 컴터 잘못되면 … 더 읽기
안녕하세요? 하랑입니다. “UI 어떻게 만들어요?” 요즘 이 질문을 정말 많이 받아요. 저도 코딩 모르는 비개발자인데, 지금은 AI 툴 덕분에 그냥 말로 설명하면 화면이 뚝딱 나와요. 근데 막상 써보면 툴마다 성격이 완전 달라서 뭘 써야 할지 헷갈리거든요. 오늘은 제가 직접 써본 또 앞으로 써볼예정인 AI 디자인 & 프론트엔드 개발 툴 5가지를 비교해드릴게요. 특히 Claude 계열 툴인 … 더 읽기
안녕하세요, 하랑입니다! 오픈클로(OpenClaw)를 클라우드플레어 워커스(Cloudflare Workers)에 올리는 과정을 A편부터 D편까지 시리즈로 공유해 드렸는데요. 뿌듯하게 세팅을 마치고 한 달이 지난 후 결제 내역을 확인했더니… 눈을 비볐습니다. 😳 내가 아는 그 금액이 아니다! “분명 $5 플랜인데 왜 $8.78이 빠져나갔지…?” 처음엔 “내가 뭘 잘못 눌렀나?” 싶었어요. 환율 1500원 시대에 5달러와 8,8달러는 커피 한잔 값 차이잖아요??? 그래서 실제 인보이스(청구서)를 … 더 읽기
안녕하세요~ 하랑입니다. 지난주에 AI 업계에서 꽤 큰 사건이 하나 있었는데요. Anthropic이 새로운 제품을 발표하자마자 Figma 주가가 7% 급락했습니다. 바로 Claude Design 이야기예요. 저처럼 비개발자 출신으로 AI 툴 하나하나를 직접 써보면서 서비스를 만드는 사람 입장에서, 이건 그냥 지나칠 수 없는 소식이었어요. V0, Canva, Lovable… 디자인 관련 작업마다 어떤 툴을 사용해야 할지 나중에 수정이 가능할지… 작업하면서의 불편함이 … 더 읽기
📌 이 글은 OpenClaw 시리즈의 활용편입니다. 👉 A편: 스스로 일하는 AI 비서 ‘OpenClaw’ 완벽 가이드👉 B편: 내 컴퓨터 망가뜨리지 않고 AI 비서 키우는 법 (ft. 클라우드플레어 워커스)👉 C편: 코딩 몰라도 OK! 클라우드플레어 워커스로 OpenClaw 설치 완전 정복 안녕하세요, 하랑입니다! 😊 드디어! 설치까지 완료하셨나요? 저도 C편을 쓰면서 처음부터 따라해 봤는데, 솔직히 설치 자체는 어렵게 느껴졌던 것에 … 더 읽기
📌 이 글은 OpenClaw 3부작 시리즈의 마지막 편입니다.👉 A편: 스스로 일하는 AI 비서 ‘OpenClaw’ 완벽 가이드👉 B편: 내 컴퓨터 망가뜨리지 않고 AI 비서 키우는 법 (ft. 클라우드플레어 워커스) 안녕하세요! 하랑입니다. 시리즈 마지막 편 작성을 앞두고 예비창업패키지 준비로 잠시 포스팅이 늦어진 점 양해 부탁 드립니다. 나의 창업을 위해 작성한 생애 첫 사업계획서 제출이다보니 제출완료 되기까지 정말 … 더 읽기
안녕하세요! 파다랩스(PADA Labs)의 대표이자, ‘바이브 코딩’으로 진로 매칭 플랫폼 ‘꼭고(kkokgo)’의 MVP를 치열하게 만들어가고 있는 하랑입니다.예창패 공고가 나오면서 정신 없는 일상이지만 이 와중에도 틈틈이 공부하며 포스팅을 하고 있습니다. ( 학교다닐떄 이렇게 공부했음 설대 갔을텐데) 지난번 포스팅에서 스스로 일하는 AI 비서, 오픈클로(OpenClaw)의 엄청난 능력을 살펴보았는데요. 많은 분이 “정말 똑똑해 보이는데, 내 컴퓨터에 설치했다가 AI가 실수로 내 소중한 … 더 읽기
안녕하세요. 마케팅 필드에서 오랫동안 고객의 심리를 고민하다, 이제는 AI의 매력에 푹 빠져 ‘바이브 코딩(Vibe Coding)’으로 예창패에 도전 중인 하랑입니다. 현재 마이스터고와 특성화고 학생들을 위한 맞춤형 진로 매칭 플랫폼 ‘꼭고(kkokgo)’의 MVP(최소 기능 제품)를 개발하며, 비 개발자로서 겪는 기술적 장벽과 극복 과정을 이 블로그에 낱낱이 기록하고 있습니다. 오늘 다룰 주제는 최근 전 세계 IT 업계와 개발자 커뮤니티인 … 더 읽기
초심자를 위한 필수 명령어 & 꿀팁: 검은 화면 정복을 위한 완벽 가이드 지난 포스팅에서 우리는 우여곡절 끝에 OpenCode(오픈코드)와 Oh My OpenCode를 내 컴퓨터에 심는 데 성공했다. (아직 설치 전이라면? 👉 여기서 5분 만에 설치하고 오자) 하지만 막상 실행 후 우리를 반겨주는 건 까만 화면(터미널)과 깜빡이는 커서뿐이다. 비전공자인 나 역시 처음엔 “이거 명령어 잘못 쳤다가 내 … 더 읽기
커서 AI (Cursor AI) 사용법: 코딩 10배 빨라지는 5가지 충격적인 기능! 저는 웹퍼블리싱을 몇년전 배워서 vscode라는 툴을 사용해 본적이 있었습니다. 처음에 커서를 열었을때는 vacode랑 비슷한데 뭐가 다르다는거지 라고 의문을 가졌죠. 하지만 커서 AI (Cursor AI) 를 경험하고 나면, 아 바이브 코딩을 할때 왜 커서커서 하는지 알수 있을 겁니다. 코드 편집기의 새로운 혁명이라 불리는 이유가 있더라구요. … 더 읽기
자동화 끝판왕 n8n, 단 10분 만에 설치하고 평생 무료로 쓰는 꿀팁 (웹훅, API) 안녕하세요! 하랑입니다. 요즘 디지털 월세라고 하죠. 각종 OTT와 AI 구독하느라 월세만큼 매달 돈을 내는 일이 생기면서 우스개 소리로 하는 말인데요. 경기도 안좋은데 무료로 쓸 방법이 있다면 무료로 써야죠. 자동화 워크 플로우를 만드는 n8n 클라우드 버전의 넉넉한 무료 플랜도 약 2주가 지나면 갑자기 … 더 읽기
Google AI Studio란? – 비용 부담없이 구글에서 서비스 하는 다양한 AI 서비스를 체험하고 AI를 이용한 다양한 서비스를 제작 퍼블리시 모두 가능한 사이트 이다. – 구글 AI 스튜디오 바로가기 : https://aistudio.google.com/– chat 메뉴에서는 다양한 ai 엔진을 활용하여 프롬프트를 실행해 볼 수 있다. – build 에서는 ai엔진을 활용한 다양한 웹 서비스를 만들고 수정하며 배포까지 진행 해 볼 … 더 읽기