Min9uk's Blog

혼자 공부하는 바이브 코딩 with 클로드 코드 (4) 인프런 완독 챌린지 책 읽고 강좌 보고, 요약정리 + 실습기록 5강에서는 4지선다 상식 퀴즈 게임을 제작하면서 학습 + 실습을 하였음. 최초의 PRD 작성 이전 단계, 즉 아이디어와 구현을 위한 기반만 설계하면 이후 과정은 AI가 많은 부분을 도와준다는 걸 느낌 (거의 다함) 혼자 북 치고 장구 치고... 여기에 커스텀 명령어를 체이닝까지 하면, 사람이 작업하면 오래 걸릴 작업들을 시간을 엄청 줄일 수 있을 것. 최근에 AI를 써가며 다른 프로젝트를 진행하고 있는데 발전하는 속도가 엄청나다. 요즘엔 거의 웹 검색을 기본적으로 탑재해서 할루시네이션 현상도 거의 없는 것 같다고 느껴진다. 사용자가 얼마나 프롬프트를 잘 짜는가 AI에게 맥락을 잘 이해시키는가 결과물을 이해하고 개선/수정을 요청할 수 있는가 효율적으로 AI를 활용하는가 결과물을 자신의 것으로 만드는 능력이 있는가 이러한 능력이 앞으로 AI 시대에 필요한 능력이 될 것 같다. Claude 가 작성한 구현용 프롬프트를 클로드 코드를 검증 없이 실행하니 Node.js 를 설치하고 Vite 라는 처음 듣는 웹 개발툴도 설치. AI에게 전권을 위임하고 거들떠도 안 보는 건'자율주행을 믿고 자동차 뒷좌석에 앉아서 가는 것 같다'라는 느낌을 받음 (프롬프트 작성을 잘하고 결과물 확인을 하자!) Chapter 05 실습 (상식 퀴즈 게임 앱) 저자님이 제공한 PROMPTS.md 로 시작, PRD 제작, 클로드 코드 구현용 3단계 프롬프트 정리 상식퀴즈게임PRD.md , 상식퀴즈게임클로드코드_프롬프트.md 작성 순차적 실행 하여 구현 완료 Node.js와 Vite 를 사용하여 구현 => 설치 허가 받아 설치하여 구현하는 과정이 있었음 AI 할루시네이션 실습 상식 퀴즈 실행 모습 01 상식 퀴즈 실행 모습 02 상식 퀴즈 실행 모습 03 Chapter 05 게임 제작으로 배우는 체계적인 개발과 관리 ...

혼자 공부하는 바이브 코딩 with 클로드 코드 (3) 인프런 완독 챌린지 책읽고 강좌보고, 요약정리 + 실습기록 Chapter 04 학습 + 실습 (할 일 관리 앱) Claude Code 에는 다양한 명령어가 있고 사용 시 프로젝트 구현에 도움을 준다. (실습하며 사용) 컨텍스트(맥락) 은 프로젝트 구현을 진행하면서 쌓이는 다양한 정보들!  => 대화내용(질문+응답), 클로드가 읽은 파일들 내용, 생성한 지침 또는 참조 파일들 (md 파일들)      시스템 도구, 메모리, 커스텀 에이전트 스킬 등등등~~!! 컨텍스트가 많이 쌓이면 토큰을 많이 소비한다. ( + 세션이 길어질수록 컨텍스트가 늘어남) 다양한 컨텍스트 관리 기법을 학습하고 도입하는게 필요함 인수인계 프롬프트, 리서치성 작업은 별도 세션으로 분리 등등... 추후 공부필요 Claude Code 명령어 공식 웹사이트 문서 참고 https://code.claude.com/docs/en/commands + 클로드한테 요청해서 만든 md 파일의 표를 첨부해봤음 카테고리별 명령어 표 카테고리 명령어 기능 대화 관리 /clear (별칭 /reset , /new ) 새 대화 시작 (프로젝트 메모리는 유지) /compact [지침] 대화를 요약해서 컨텍스트 공간 확보 /context [all] 컨텍스트 사용량을 그리드로 시각화 /btw [질문] 대화 기록에 남기지 않고 짧은 질문하기 /export [파일명] 대화를 텍스트로 내보내기 /copy [N] 마지막(또는 N번째) 응답을 클립보드로 복사 세션 탐색/분기 /resume 이전 세션 재개 /branch [이름] 현재 대화를 분기해서 다른 방향 시도 /fork [프롬프트] 대화를 복사해 새 백그라운드 세션으로 실행 /rewind 코드·대화를 체크포인트로 되돌리기 /background (별칭 /bg ) 현재 세션...

 혼자 공부하는 바이브 코딩 with 클로드 코드 (2) 인프런 완독 챌린지 책읽고 강좌보고, 요약정리 + 실습기록 클로드 코드를 쓰려고 Claude Pro 결제! (한달 써보고 1년 결제할까 생각...) Python 최신 버전 설치했다가 삽질했음. 파이썬 3.14.6 설치했는데 클로드 코드가 작업하다가 tensorflow 가 최신버전에서 안된다고 3.12 버전 설치하려고 하길래 파이썬 삭제/재설치 삽질! Chapter 03 클로드 코드 시작하기 03-1 클로드 코드 설치하기 책 Github 설치가이드/3장 윈도우 설치가이드.pdf 참고 해서 설치 (Git + Claude Code CLI 버전 설치) GUI 설치와, CLI 설치가 각각 다르다 (기능은 동일) 책은 CLI 기준으로 설치, 사용 Pro 결제후 Claude Code CLI 설치 완료! Claude GUI App 설치시 Claude Code 탭 화면 03-2 손글씨 인식 프로그램 만들기 사전에 Python 설치 필요 MNIST 데이터세트 => 머신러닝 표준 데이터 세트로 활용되고, 입문자들이 가장 먼저 접하는 데이터 세트 데스크톱 버전 생성 실습 데스크톱 버전 실행 스샷 1 데스크톱 버전 실행 스샷 2 03-3 CLAUDE.md로 프로그램 확장하기 Claude Code CLI 에서 /init 으로 생성할 수 있음 CLAUDE.md => 구조, 목표, 개발 규칙(코딩스타일)등을 저장하는 설정파일 새로운 규칙이나 설정이 필요하면 CLAUDE.md 파일을 수정 => CLI에서 # + 지침으로 메모리 수정 가능 모든 프로젝트 공통, 현재 프로젝트 구분하여 작성, 적용가능하다 웹버전 생성 실습 (여기서 클로드가 tensorflow 를 쓴다고 하면서 파이썬 삭제/설치 삽질!) 완료 후 요약 내용 웹 버전 실행 스샷

혼자 공부하는 바이브 코딩 with 클로드 코드 (1) 인프런 완독 챌린지 책읽고 강좌보고, 요약정리 + 실습기록 Chapter 01, Chapter 02 까지는 저자가 만든 https://vixcode.ai/ 사이트에서 간단하게 실습 가능하나 Chapter 03 부터 클로드 코드를 사용하기 위한 Claude Pro 결제가 필요한것으로 보임 (vixcode.ai 는 구글 Gemma4 기반 인거 같다, 브라우저, CLI 둘다 지원) 관련 링크 인프런 챌린지:  https://www.inflearn.com/challenge/6-week-course-self-s/dashboard?cid=342648 책관련 자료 Github:  https://github.com/taehojo/vibecoding 저자가 만든 학습자를 위한 무료 바이브코딩 도구: https://vixcode.ai/ Youtube 강좌: https://youtube.com/playlist?list=PLwVlmsyd5oN5zmup3eAuCbKlu9TRXImA6&si=9KTNa3nXCvvz0lYE Chapter 01 나의 첫 바이브 코딩 01-1 나의 코딩 파트너, AI 어시스턴트 LLM, 바이브 코딩의 등장 AI 통합 코딩 도구 (대표적인예) => 모델선택형(Cursor), 전용 모델형(Claude code) 코딩에는 Claude 점유율이 높다 01-2 AI로 나만의 첫 웹페이지 만들기 '아티팩트' 는 클로드에서 제공하는 기능, 결과물을 별도 패널에 즉시 확인할 수 있음, 보고서 작성, 차트, 간단한 웹페이지 제작등에 많이 활용 (아이디어 검증 + 프롬프트 발전) '프롬프트' 는 AI에게 전달하는 요청이나 지시사항 간단한 프롬프트로 웹페이지 제작이 가능하다 기능/디자인 수정도 프롬프트로 가능 클로드 코드 이용하려면 Pro 이상 플랜이 필요하다 나의 첫 웹페이지  실습 Chapter 02 효과적인 프롬프트로 AI 200% 활용하기 02-1 AI를 깨...

2026 로블록스 개발일지 (1) - Rojo 와 Antigravity IDE 개발환경 세팅 로블록스 개발일지 (1) - Antigravity IDE와 Rojo 개발환경 세팅 현 상황은 아래 개발환경 셋팅 완료 후 PoC 진행 중( 나름 바이브 코딩 해보려고 애쓰는중 )인데 그 과정을 요약해서 적는것으로 일지 스타트를 시작해보겠다. 2026 로블록스 바이브 코딩 개발환경 v1.0 OS Windows 11 AntigravityIDE(Gemini) + Rojo + Git + Roblox Studio 0. 잡담 '프로젝트 일지를 부담없이 적으면서 개념정리도 한번 하고, 글쓰는 재주도 좀 길러보자!' 라는 좋은 취지를 가지고 2년 정도 묵혔던 블로그를 다시 살려보려고 한다. 개발하면서 글로 남겨두면 내용 정리도 되고, 기억에 더... 얄팍한 생각1. '블로그 애드샌스! 돈! 돈이 벌리지 않을까?' 얄팍한 생각2. '로블록스 게임을 하나 대박쳐보자!' 얄팍한 생각3. 'AI가 딸깍으로 코드 다 만들어 주면 나는 기획만 잘하면 되겠네?' 1. 프로젝트의 시작 - 게임 기획과 AI와 대화하기 단계 2026년 5월 중순 부터 기획 시작 대 AI 시대이기도 하고 AI를 사용안하고 기존 방법으로 개발하는것은 의미가 없다고 생각, AI를 적극 사용하기로 하고, 주요 AI 3종을 써가며 진행했음. 어짜피 전부다 맨땅에 헤딩각이라... (로블록스 개발 해본적 없음, rua 처음, AI 활용 = 검색/채팅만 몇번 해봄 + 지브리 이미지 생성 한번해봄...) AI와 채팅하며 아이디어 회의, 브레인 스토밍에 적극활용 하면서 기획을 했으나... 첫번째 좌절 포인트 -> 로블록스 주요 연령층과 사용 플랫폼에 대한 생각이 없던 기획안이였음. 로블록스 주요 연령층이 어린것이랑, 스마트폰으로 많이 플레이 한다는걸 염두하지 않은 기획안들이 많았다는걸 알게되고, 좀더 쉽게, 캐주얼하게 고쳐야 겠다고 생각하고 기획을 수정 (끝나지 않음) 거...

Chapter 5 해시 테이블 (Hash table) 해시 함수 - 자료구조 해시 테이블을 구현하기 위한 함수 - 문자열(string)을 받으서 숫자를 반환하는 함수 - 문자열에 대해 숫자를 할당(mapping) 해시 테이블 - 해시 함수 + 배열을 결합하여 만듬 - 충돌을 줄이는 해시 함수가있어야한다 - 해시 테이블은 키(key)와 값(value)를 가진다 - 해시 맵(hash maps), 맵(maps), 딕셔너리(dictionaries), 연관 배열(associative arrays) 라는 이름으로도 알려져 있음 - 속도가 빠르다, 평균적인 해시 테이블의 성능은 O(1) 상수시간이다 - 주요 프로그래밍 언어에서 구현되어 있음, 파이썬에는 딕셔너리라고 불리는 해시 테이블이 있다 - 사용률이 0.7보다 커지면 해시 테이블을 리사이징 하는 편 해시 테이블 사용 예 - 데이터 저장과 조회 ex) 전화번호부, 인터넷 주소와 ip주소 - 중복항목 방지 - 데이터 캐시로 사용 (자주 사용되는 정보를 다시 계산하지 않고 저장했다가 사용) Chapter 5 정리 해시 테이블은 빠르고 여러가지로 모형화 할 수 있기 때문에 아주 강력한 자료 구조 이다 해시 테이블의 평균적인 성능은 상수 시간이다 (정말 빠르다) 해시 테이블을 위해서는 잘 짜여진 해시 함수(좋은 분포를 가진)와 사용율에 따른 리사이징이 필요하다 다양한 프로그래밍 언어에서 구현되어 지원한다 다양한 용도로 사용되고 있다 SHA 라는 해시 함수를 공부 해보면 좋다