데이터 및 개발
데이터 필터링이란 데이터 필터링의 개념 데이터 필터링(data filtering)이란 원하는 데이터만 걸러내는 작업으로 주로 WHERE 절을 통해 수행합니다. 실습을 위해 [File]-[New Query Tab] 에서 저장을 클릭하여 다른 이름으로 저장해 줍니다. 비교 연산자 비교 연산자(comparison operator)는 두 값을 비교하는 연산로 =(같다), !=(같지 않다), >(크다), >=(크거나 같다), <(작다), <=(작거나 같다)가 있습니다. 논리 연산자…
[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 MCP 이해하고 클로드 코드와 연결하기 MCP(Model Context Protocol)란? MCP는 AI…
[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 클로드 코드의 AI 에이전트 이해하기 에이전트(Agent)란 무엇인가? 에이전트(Agent)는 영어로 ‘대리인’,…
[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 5주차 시작하기 전에 복습도 할 겸, 로또번호 생성기를 만들었습니다.네, 제가…
대출이자 계산기 웹앱은대출금액, 금리, 기간만 입력하면 월 상환액과 총 이자 부담을 바로 확인할 수 있는 무료 금융 계산 도구입니다. 주택담보대출, 신용대출 등 다양한 대출 상황에서대략적인 상환 계획을 세우는 데 도움을 주며,복잡한 엑셀 없이도 모바일·PC에서 간편하게 사용할 수 있습니다. ※ 실제 금융상품 조건에 따라 결과는 달라질 수 있으므로 참고용으로 활용하세요.
데이터 CRUD 데이터 CRUD란 데이터베이스의 데이터를 관리하기 위한 기본적인 네 가지 동작을 의미합니다. CRUD는 데이터의 생성(Create), 조회(Read), 수정(Update), 삭제(Delete)의 앞 글자를 조합한 용어입니다. 이 네 가지 작업은 데이터베이스 관리 시스템(DBMS)이 반드시 제공해야 하는 핵심 기능이며, 대부분의 데이터 처리는 이러한 CRUD 동작의 조합으로 이루어집니다. 데이터 CRUD는 SQL 명령어를 통해 수행되며, 데이터베이스…
로또 번호를 고를 때마다 고민되시나요?완전 랜덤으로 뽑자니 찝찝하고, 직접 고르자니 더 고민되는 경우가 많습니다. 그래서 로또 번호를 자동으로 생성해 주는 웹앱을 직접 만들어봤습니다.이 생성기는 단순한 랜덤 추첨이 아니라, 실제 로또 당첨번호 데이터를 참고해번호 생성에 도움을 주도록 설계되었습니다. 이 웹앱에서는 다음과 같은 기능을 제공합니다.먼저, 반드시 포함하고 싶은 번호와 제외하고 싶은 번호를…
강의에서 배운 내용을 복습하는 겸, 로또 6/45 번호 생성기를 하나 제작해서 배포해보려고 합니다.예전에 파이썬으로 번호만 뽑아내는 코드를 작성한 적이 있는데, 앱으로 만들면 성취감이 더 클 것 같아요. 클로드AI 에 첫번째 프롬프트를 입력하고 PRD를 작성해 달라고 요청했습니다. 단계별 프롬프트를 요청해서 각 단계의 프롬프트를 순차적으로 터미널으로 연 클로드에 입력해 줄 겁니다.전 웹…
[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 1편에서 부터 이어지는 내용입니다!웹 배포라는 샛길로 자꾸 새다보니 길이 많이…
이 페이지는 React와 Vite를 사용해 제작한 퀴즈 웹앱입니다.별도의 설치 없이 브라우저에서 바로 실행할 수 있으며,간단한 문제 풀이를 통해 결과를 확인할 수 있도록 구성했습니다.개인 프로젝트 및 웹앱 실험용으로 제작되었습니다.
이 웹앱은 회원가입이나 설치 없이,브라우저에서 바로 할 일을 정리할 수 있는 무료 Todo 관리 웹앱입니다.
추가로 다른 앱을 깃허브에 푸시해서 웹에 배포하려고 합니다.리포지토리부터 새로 만들어서 진행해야할 것 같은데, 조금만 달라져도 응용이 힘드네요.자주 반복하면 어떻게 몸에 익혀지지 않을까 해서 새로 할때마다 이렇게 포스팅으로 정리해가며 반복하고 있습니다. GitHub에 새 저장소 만들기 GitHub 접속 → New repository 생성 후 나오는 repo 주소 복사 로컬 프로젝트 폴더로 이동 Git…
[혼공바이브코딩] 1주차_나의 첫 바이브코딩[혼공바이브코딩] 2주차_마케팅 포트폴리오 제작[혼공바이브코딩] 3주차_클로드 코드 시작하기[혼공바이브코딩] 4주차 -1_단계별 프롬프트와 할 일 관리 앱[혼공바이브코딩] 4주차 -2_게임 제작으로 배우는 체계적인 개발과 관리[혼공바이브코딩] 5주차-1_클로드 코드에 API 날개 달기[혼공바이브코딩] 5주차-2_클로드 코드 AI 에이전트로 개발팀 구성하기[혼공바이브코딩] 6주차_MCP로 클로드 코드의 한계 넘어서기 단계별 프롬프트 전략 바이브코딩의 핵심은 ‘생각의 설계’와 ‘실제 구현’을 분리하는…
고생고생하며 게시한 앱이 실은 다 만든것이 아니었다?아니 강의를 따라하며 한걸음한걸음 쫒아가서 끝났다고 생각했더니 뒷내용이 더 있었네요?따라서 배포한 앱이 최종이 아니었고 수정사항이 발생했습니다.이미 폴더에 수정본이 저장돼 있는 상태로 GitHub에 반영하여 재배포하겠어요. 수정 폴더 위치 확인 터미널에서 수정된 프로젝트 폴더로 이동 package.json / index.html / src 보이는지 확인 Git 상태 확인 변경사항…
코딩을 한 번도 해본 적 없어도 웹 앱을 만들 수 있다면 믿으시겠어요? 저는 Claude AI의 바이브 코딩 기능을 활용해서 단 30분 만에 완성도 높은 퀴즈 게임 앱을 만들었습니다. 별도의 개발 환경 설정 없이, 그저 대화하듯 원하는 기능을 설명하기만 하면 됩니다. 🎮 퀴즈 앱 직접 체험하기 1. 프로젝트 개요 왜 이…