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

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

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

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

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

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

[SQL] 데이터베이스 입문 1일차_데이터베이스 시작하기

데이터베이스란 데이터베이스의 개념 데이터베이스(DataBase, DB)란 구조화된 데이터의 집합으로, 방대한 정보를 체계적으로 저장하고 관리하는 데이터 저장소입니다. 다양한 정보를 디지털 형태로 정리하여 보관함으로써, 사용자가 필요한 데이터를 빠르고 효율적으로 조회·활용할 수 있도록 합니다. 데이터베이스는 단순한 저장을 넘어 데이터의 검색, 수정, 삭제, 보안까지 포함하는 핵심 정보 관리 시스템입니다. DBMS란 DBMS(DataBase Management System)란 데이터베이스를 효율적으로…

더 보기 [SQL] 데이터베이스 입문 1일차_데이터베이스 시작하기

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

클로드 코드 설치하기 : 개발 환경 구축부터 첫 실행까지 실습 환경 준비를 위해 두 가지 필수 도구가 필요합니다. 첫째, 노드JS(Node.js)입니다. 노드JS는 자바스크립트 실행 환경으로, 클로드 코드가 실제로 동작할 수 있는 기반을 제공합니다. 브라우저 밖에서도 자바스크립트를 실행할 수 있게 해주는 핵심 엔진 역할을 합니다. 둘째, 깃(Git)입니다. 깃은 버전 관리 도구로, 소스…

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

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

클로드로 마케팅 포트폴리오 제작하기 포트폴리오 웹페이지를 만들려고 해. 주요 기능은 채용 담당자가 30초 안에 내 역량을 파악할 수 있는 임팩트 있는 구성이야. 프리랜서 전환을 준비하는 마케터를 위한 것이고, 경쟁력 있는 지원자로 보이기 위해 필요해. 어떻게 구현하면 좋을 지 기술적인 방향과 함께 구체적인 PRD를 작성해줘. 이 PRD대로 진행할 거야. 먼저 PRD를…

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

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

방학에는 뭐다? 혼공학습단이다!이번에도 모집공고 뜨자마자 신청했습니다.다만 이번에는 바이브코딩만 단독 진행한다고 하네요.고민할 필요가 없어서 오히려 좋아! 바이브 코딩(Vibe Coding)이란? 바이브 코딩(Vibe Coding)은 AI와 대화를 주고받으며 프로그램을 만드는 개발 방식입니다.이 개념은 2025년 2월, 오픈AI 공동 창업자 안드레이 카파시(Andrej Karpathy)가 제안하며 주목받기 시작했습니다. 기존 코딩 방식과의 차이 기존 개발 방식에서는 HTML, CSS,…

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

테슬라·엔비디아·금 ‘RSI 마법의 숫자’ 공개: 게으른 직장인을 위한 월 1회 퀀트 전략

대학원 입학 대실패로 상처받은 마음을 달래고자 퀀트투자 공부를 시작했습니다. 한땀한땀 코드를 작성하면서 실습을 더디게 해 나가고 있는데요, 실습으로 끝내면 아쉬우니 직접 투자를 병행하려고 합니다. 게으른 직장인인지라 자동매매에 혹했으나 위험성이 커서 지피티도 말리더군요. 반퀀트를 목표로 RSI 평규회귀 전략을 추진하려고 합니다. 자동 퀀트는 이상 신호 발생 시 즉각 대응이 가능해야하는데 직장인의 현실상…

더 보기 테슬라·엔비디아·금 ‘RSI 마법의 숫자’ 공개: 게으른 직장인을 위한 월 1회 퀀트 전략

퀀트머신 준비

퀀트머신의 기본 골격인 핀터스텔라 라이브러리 설치해보자 핀터스텔라 라이브러리를 이용해 애플(AAPL)의 주가를 가져와보자 가져온 데이터를 차트로 그려보자 RSI(상대강도지수) 주식이나 코인 차트를 볼 때 자주 등장하는 RSI(Relative Strength Index, 상대강도지수)는 한마디로 “시장의 과열 정도를 알려주는 온도계”라고 이해하면 가장 쉽습니다. 사람들이 너무 많이 사서 가격이 비정상적으로 올랐는지(과매수), 아니면 너무 많이 팔아서 지나치게 떨어졌는지(과매도)를…

더 보기 퀀트머신 준비

미국 주식으로 시작하는 슬기로운 퀀트투자

주식 투자 방식은 크게 ‘무엇을 분석하느냐’와 ‘어떻게 판단하느냐’에 따라 펀더멘털 투자와 퀀트 투자로 나뉩니다. 두 방식은 시장의 비효율성을 찾아 수익을 낸다는 목표는 같지만, 접근하는 과정과 도구에서 큰 차이가 있습니다. 1. 펀더멘털 투자 (Fundamental Investing) 기업의 ‘내재 가치’를 분석하여 현재 주가와 비교하는 방식입니다. 흔히 ‘가치 투자’와 맥을 같이하며, 기업이 돈을 얼마나…

더 보기 미국 주식으로 시작하는 슬기로운 퀀트투자

[혼공머신] 6주차_인공신경망

07-1 인공신경망 패션 MNIST 머신러닝에서는 붓꽃 데이터셋이 유명하고, 딥러닝에서는 MNIST 데이터셋이 유명합니다. 이 데이터는 손으로 쓴 0~9까지의 숫자로 이루어져 있습니다. MNIST와 크기, 개수가 동일하지만 숫자 대신 패션 아이템으로 이루어진 데이터가 바로 패션 MNIST입니다.   axs[i].axis(‘off’) : i번째 이미지에 좌표축과 테두리를 없애서 순수한 이미지만 보이게 합니다.     로지스틱 회귀로 패션…

더 보기 [혼공머신] 6주차_인공신경망