카테고리 Archive

All posts

React 퀴즈 앱 (웹에서 바로 실행)

이 페이지는 React와 Vite를 사용해 제작한 퀴즈 웹앱입니다.별도의 설치 없이 브라우저에서 바로 실행할 수 있으며,간단한 문제 풀이를 통해 결과를 확인할 수 있도록 구성했습니다.개인 프로젝트 및 웹앱 실험용으로 제작되었습니다.

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

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

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

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

주택담보대출 LTV, 집값의 몇 퍼센트까지 빌릴 수 있을까

집을 사려고 알아보다 보면 “LTV 70%까지 가능합니다”라는 말을 듣게 됩니다. 그런데 LTV가 정확히 뭔지, 내 경우에는 몇 퍼센트가 적용되는지 모르면 대출 계획을 세우기 어렵습니다. 주택담보대출 LTV 기준을 모르고 집부터 계약했다가 대출이 예상보다 적게 나와서 곤란해지는 경우가 실제로 많습니다. 이 글에서는 LTV 계산 방법과 기준을 쉽게 정리합니다. DSR과의 차이, 대출 한도가…

DSR 계산 방법, 대출받기 전에 꼭 알아야 하는 이유

“DSR 때문에 대출이 안 됩니다.” 은행에서 이런 말을 들어본 적 있으신가요? 분명 소득도 있고, 신용도 괜찮은데 원하는 만큼 대출이 안 나온다면 DSR 때문일 가능성이 높습니다. DSR 계산 방법을 모르면 내가 얼마나 대출받을 수 있는지 가늠하기 어렵습니다. 주택담보대출이든 신용대출이든, 요즘은 DSR 기준을 먼저 따져봐야 합니다. 이 글에서는 DSR이 뭔지, 어떻게 계산하는지,…

윈도우11 프린터 인식 안됨 해결방법 4가지 (직접 해결 가능)

증상 정리 윈도우11에서 프린터가 인식되지 않는 증상은 여러 가지 형태로 나타납니다. 가장 흔한 건 USB로 프린터를 연결했는데 아무 반응이 없는 경우입니다. 장치 관리자에 프린터가 아예 안 보이거나, 노란색 느낌표가 뜨면서 알 수 없는 장치로 표시되기도 합니다. 네트워크 프린터라면 검색해도 목록에 안 나오는 경우가 있습니다. 인쇄 명령을 내렸는데 오류도 없이 그냥…

GitHub Push 로 수정본 반영하기

고생고생하며 게시한 앱이 실은 다 만든것이 아니었다?아니 강의를 따라하며 한걸음한걸음 쫒아가서 끝났다고 생각했더니 뒷내용이 더 있었네요?따라서 배포한 앱이 최종이 아니었고 수정사항이 발생했습니다.이미 폴더에 수정본이 저장돼 있는 상태로 GitHub에 반영하여 재배포하겠어요. 수정 폴더 위치 확인 터미널에서 수정된 프로젝트 폴더로 이동 package.json / index.html / src 보이는지 확인 Git 상태 확인 변경사항…

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

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

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

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

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

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

[혼공바이브코딩] 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로 클로드 코드의 한계 넘어서기 방학에는 뭐다? 혼공학습단이다!이번에도 모집공고 뜨자마자 신청했습니다.다만 이번에는 바이브코딩만 단독 진행한다고…

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

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