태그 바이브코딩

클로드코드로 노션템플릿 제작 우당탕탕 도전기 2탄

UI가 깔끔해보이죠? 수작업입니다.노션 mcp로는 아무리 찾아봐도 방법이 없더군요.클로드야 내가 너의 손발이 되어줄게. 아무튼 이렇게 디자인을 하면서 이것저것 사용해보니까 아주 큰 문제점을 발견했습니다.자산을 월마다 등록을 하게 되면 이런식으로 등록이 되는데요, 월 자산명 금액 12월 국민은행 예금 5,500,000 1월 국민은행 예금 5,700,000 2월 국민은행 예금 5,600,000 3월 국민은행 예금 5,800,000 자산명이 매달…

클로드코드로 노션템플릿 제작 우당탕탕 도전기

지난번 노션 mcp와의 사투 후 2탄입니다.사람살려! 전 입코딩을 꿈꿨는데 지시를 클로드코드가 내리고 있네요? Notion MCP API는 View 생성/수정 기능을 지원하지 않는다 일단 안좋은 소식은 Notion MCP API는 View 생성/수정 기능을 지원하지 않는다는 점입니다.Notion UI에서 직접 설정해주세요라는 말은 저보고 직접 하라는 말입니다. 클로드코드가 작업중인 노션 URL로 들어가서 시키는대로 수정합니다.내가 생각한 그림은…

[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기

[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 MCP 이해하고 클로드 코드와 연결하기 MCP(Model Context Protocol)란? MCP는 AI…

[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기

[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 클로드 코드의 AI 에이전트 이해하기 에이전트(Agent)란 무엇인가? 에이전트(Agent)는 영어로 ‘대리인’,…

[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기

[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 5주차 시작하기 전에 복습도 할 겸, 로또번호 생성기를 만들었습니다.네, 제가…

클로드AI로 로또 6/45 번호 생성기 만들기

강의에서 배운 내용을 복습하는 겸, 로또 6/45 번호 생성기를 하나 제작해서 배포해보려고 합니다.예전에 파이썬으로 번호만 뽑아내는 코드를 작성한 적이 있는데, 앱으로 만들면 성취감이 더 클 것 같아요. 클로드AI 에 첫번째 프롬프트를 입력하고 PRD를 작성해 달라고 요청했습니다. 단계별 프롬프트를 요청해서 각 단계의 프롬프트를 순차적으로 터미널으로 연 클로드에 입력해 줄 겁니다.전 웹…

[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리

[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 1편에서 부터 이어지는 내용입니다!웹 배포라는 샛길로 자꾸 새다보니 길이 많이…

추가로 새 앱을 GitHub에 푸시해서 배포하는 방법

추가로 다른 앱을 깃허브에 푸시해서 웹에 배포하려고 합니다.리포지토리부터 새로 만들어서 진행해야할 것 같은데, 조금만 달라져도 응용이 힘드네요.자주 반복하면 어떻게 몸에 익혀지지 않을까 해서 새로 할때마다 이렇게 포스팅으로 정리해가며 반복하고 있습니다. GitHub에 새 저장소 만들기 GitHub 접속 → New repository 생성 후 나오는 repo 주소 복사 로컬 프로젝트 폴더로 이동 Git…

[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱

[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 단계별 프롬프트 전략 바이브코딩의 핵심은 ‘생각의 설계’와 ‘실제 구현’을 분리하는…

Claude AI로 30분 만에 퀴즈 앱 만들기 바이브 코딩 실전 프로젝트

코딩을 한 번도 해본 적 없어도 웹 앱을 만들 수 있다면 믿으시겠어요? 저는 Claude AI의 바이브 코딩 기능을 활용해서 단 30분 만에 완성도 높은 퀴즈 게임 앱을 만들었습니다. 별도의 개발 환경 설정 없이, 그저 대화하듯 원하는 기능을 설명하기만 하면 됩니다. 🎮 퀴즈 앱 직접 체험하기 1. 프로젝트 개요 왜 이…

클로드로 만든 앱 워드프레스에 게시하기

혼공학습단 강의의 진도에는 포함되지 않지만 클로드로 만든 앱을 블로그에 게시하고 싶었습니다.워드프레스 자체에 올릴려고 해보니 제가 만든 앱 형식이 HTML이 아니라서 불가능했습니다.dist 폴더를 FileXilla로 직접 업로드를 하니 빈 화면만 뜨더군요.순수 프론트엔드(HTML/CSS/JS) 이면서 서버 API 호출이 없을 때만 직접 업로드 방식이 괜찮다고 하네요. 또한 수익형 블로그의 관점에서 보자면 검색은 워드프레스 글에서 일어나야…

[혼공바이브코딩] 3주차_클로드 코드 시작하기

[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 클로드 코드 설치하기 : 개발 환경 구축부터 첫 실행까지 실습…

[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작

[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 클로드로 마케팅 포트폴리오 제작하기 포트폴리오 웹페이지를 만들려고 해. 주요 기능은…

[혼공바이브코딩] 1주차_나의 첫 바이브코딩

[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 방학에는 뭐다? 혼공학습단이다!이번에도 모집공고 뜨자마자 신청했습니다.다만 이번에는 바이브코딩만 단독 진행한다고…