새로 나오는 자료들 따라가는 것도 한세월이네.
- 일반
- AI가 파인튜닝하는 시대가 왔다 - 바이브 코딩으로 파인튜닝을 하다니...
대딸깍의_시대_finetuning.pdf
2.48MB
- 조코딩 1인 창업 , https://www.youtube.com/watch?v=XFWdfoRl_ig
- Awesome Vibe Coding ,https://github.com/roboco-io/awesome-vibecoding/blob/main/README.ko.md
- [공부하는 개발자는 굶지 않는다 (AI시대, 앞으로 개발자의 역할은?) - 토비편]: (https://www.youtube.com/watch?v=8VcnF40x8L0)
- 개발자 혼자서 5명 몫을 해내는 비결: 클로드 코드 오케스트레이션 시스템 공개 : 3시간 동영상 길다... $20만 있는것이 아니군
- - **배경 및 필요성**:
- AI가 인간 직업(개발자 등)을 위협하나, 시대 흐름에 적응해야 생존. 개발자는 항상 새 언어/프레임워크 학습처럼, 이제 **멀티 에이전트(서브 에이전트)**로 1인 기업처럼 분신 운영.
- 2026 트렌드: **오케스트레이터(지휘자)**가 서브 에이전트(프론트/백엔드 전문가, QA 등)에게 병렬 작업 분배 → 생산성 극대화[1][3][4].
- 요금제 추천: 취미는 $20, 본격은 $100~$200(한도 초과 피함).
- **핵심 시스템: 4가지 스킬 소개** (압축파일로 무료 배포, 라이브 말미 설문지 신청):
1. **소크라테스식 기획**: "아이디어 기획해줘" 입력 시 자동 발동. 18개 질문으로 PRD, TRD, 유저플로우 등 6개 문서 생성(테스크 문서는 별도).
2. **테스크 제너레이터**: 기획서 기반 상세 **테스크 MD** 생성. Git 워크트리(서브 브랜치 생성/병합), TDD(테스트 조건 반복 실행, 레드→그린), 병렬 실행(독립 테스크에 목/가짜 데이터 사용) 지원.
3. **프로젝트 부트스트랩**: 프로젝트 셋업(Next.js 등 명령어 스크립트 자동 실행, 토큰 절약). 백/프론트/DB 환경 구축.
4. **딥 리서치**: 5개 검색 엔진 동시 검색.
- **실습 데모: "푸드메이트" (음식 칼로리+건강 판단 채봇) MVP 제작** (Warp 터미널+클로드 코드 사용, 3시간 소요):
1. **소크라테스** → 기획서 6종 생성 (FastAPI 백엔드, React Vite 프론트, SQLite DB, 식약처 오픈 API+GLM-4.7 AI 판단).
2. **테스크 제너레이터** → 170개 테스크 MD (병렬/독립 표시, TDD/Git 자동화).
3. **부트스트랩** → 프로젝트 셋업 (Git init, 의존성 설치).
4. **오케스트레이터(/orchestrate)** → 서브 에이전트(프론트/백/DB/QA/3D 전문가) 병렬 호출. 멀티 터미널(Warp 분할)로 TDD 반복, 서브 브랜치 작업→메인 병합.
- 결과: 김치찌개 등 검색 → 칼로리 표시 + GLM AI 건강 조언 (목 데이터 → 실제 API 전환). E2E 테스트 54개 통과.
- **팁 & 주의사항**:
- **스킬 설치**: 클로드 코드에서 "스킬 글로벌 설치해줘" → 자동. 커스텀 스킬도 AI가 생성.
- **병렬 처리**: 보리스 천(엔스로픽 CEO)처럼 터미널 6개+ → 고사양 PC 필요. 독립 아키텍처(목 데이터/API 스펙) 필수.
- **도구**: Warp(터미널 버그 없음), `--dangerously-skip-permissions`. 에러 시 메시지 복사/붙여넣기.
- **한계 극복**: MCP(모델 컨텍스트 프로토콜) 대신 스킬(MD 문서+스크립트 호출)로 외부 도구 연동. 클로드 MD에 경험 기록 → 실수 반복 방지.
- **AI 학습 추천**: 책 목차 AI에 입력 → 강의 생성. GLM-4 등 저렴 API로 서비스 탑재(클로드 개발용).
- **마무리**: 스킬 무료 제공(라이브 설문지), 단톡방 초대. 비개발자도 의지+끈기면 가능. AI 시대 생존: 트렌드 추종 + 생각력 유지(책 읽기).[1][2][3][7] - https://www.youtube.com/watch?v=Pko7biGkquw&list=PLmOv8t5t2Uifl8I8PZj4ig_LVVo1F4-tQ
- - **배경 및 필요성**:
- Google Labs AI 도구를 활용한 동적 랜딩 페이지 제작
- ## 핵심 내용
### 사용된 도구
영상에서는 세 가지 Google Labs 도구를 소개합니다[1][2]:
- **Whisk**: 이미지 기반 프롬프트를 사용하여 다양한 각도의 제품 이미지를 생성하는 도구
- **Flow**: 여러 이미지를 동영상으로 변환하는 비디오 생성 도구
- **Antml Greeting**: 웹사이트 개발을 위한 코드 에디터
### 제작 과정
**1단계: Whisk로 제품 이미지 생성**
호스트는 조립된 헤드폰 이미지를 입력하여 분해된 상태의 헤드폰 이미지를 생성합니다. 프롬프트에는 제품 스타일(시네마틱 제품샷), 재질(무광 검은색), 브랜드 색상(보라색 그래디언트), 해상도(8K) 등을 명시적으로 포함합니다[1][2].
**2단계: Flow로 동영상 제작**
시작 프레임(조립 상태)과 종료 프레임(분해 상태) 이미지를 Flow에 업로드하여 동영상으로 변환합니다. 모션 프롬프트에는 슬로우 모션, 기하학적 정밀도, 무중력 효과 등을 지정합니다[2].
**3단계: 동영상을 이미지 프레임으로 변환**
웹사이트 성능 최적화를 위해 동영상을 100장의 PNG 이미지로 추출합니다[3].
**4단계: Antml Greeting으로 웹사이트 구축**
제공된 코드 템플릿에 프레임 수(100프레임)를 지정하여 사용자가 스크롤할 때 헤드폰이 동적으로 분해/조립되는 인터랙티브 랜딩 페이지를 자동 생성합니다[3].
### 결과
최종 완성된 페이지에서는 사용자가 스크롤할 때마다 헤드폰 이미지가 부드럽게 변형되며 움직이는 동적 효과를 제공합니다[3]. - https://www.youtube.com/watch?v=qe9PwKIPLaA
- ## 핵심 내용
- Hotwire Native를 활용한 효율적인 멀티플랫폼 앱 개발
- **주제:** 웹 개발 기술 하나로 웹, iOS, 안드로이드 앱을 동시에 만드는 Hotwire Native 기술의 장점과 활용 방법
개발 에이전시 운영자가 스타트업들로부터 받았던 가장 흔한 질문은 "앱도 만들어주나요?"였습니다. 문제는 **앱 개발 비용이 웹 개발비의 2-3배**[1]이고, iOS와 안드로이드를 따로 개발해야 하며 개발자도 각각 필요하다는 것입니다. 이 고민을 해결하는 기술이 Hotwire Native입니다.
## 핵심 개념
**1. 한 번 만들고 세 번 쓴다**
Hotwire Native는 웹앱을 만들면 그것이 곧 웹, iOS, 안드로이드 앱이 되는 방식입니다[1]. HTML과 CSS로 화면을 한 번 만들면 모든 플랫폼에서 작동합니다. 단순한 웹뷰가 아니라 **네이티브 앱처럼 자연스러운 화면 전환과 애니메이션을 자동으로 제공**합니다[1].
37 Signals라는 소규모 회사(직원 수십 명)는 이 기술으로 웹, iOS, 안드로이드 앱을 모두 운영하고 있습니다. Story Graph는 개발자 단 한 명이 400만 명의 사용자를 보유한 서비스를 관리하고 있으며, 이것이 가능한 이유는 Ruby on Rails와 Hotwire Native 덕분입니다.
**2. 앱 스토어 심사 없이 즉시 업데이트 가능**
대부분의 화면이 서버에서 오는 웹페이지이기 때문에 서버만 업데이트하면 앱도 바로 반영됩니다. 버그 수정 시 일반 네이티브 앱은 2-7일의 심사 기간이 필요하지만, Hotwire Native는 **5분 만에 배포**가 가능합니다. 사용자는 앱을 업데이트할 필요 없이 바로 수정된 화면을 봅니다.
**3. 필요할 때만 네이티브 기능 추가**
**Bridge Component**라는 기능으로 웹에서 네이티브 기능을 호출할 수 있습니다. 푸시 알림, 카메라, 생체 인증 등이 가능하며, 특정 화면만 완전한 네이티브로 개발할 수 있습니다. 예를 들어 실시간 채팅은 네이티브로, 설정 화면은 웹으로 구성할 수 있습니다.
## 기술 비교
| 접근법 | 특징 | 장점 | 단점 |
|--------|------|------|------|
| 순수 네이티브 | iOS(Swift), Android(Kotlin) 각각 개발 | 최고의 성능[1] | 두 개의 코드베이스, 두 명의 전문가 필요[1] |
| 크로스플랫폼(Flutter, React Native) | 하나의 코드로 iOS/Android 동시 개발 | 코드 통합[1] | 웹은 별개 코드베이스[1], 새로운 언어 학습 필요 |
| Hotwire Native | 웹 하나로 모든 플랫폼 커버 | 단일 코드베이스, 학습곡선 낮음[1] | 고성능 그래픽 필요 시 제한[1] |
## 실질적 이점
- **개발 비용 80% 이상 감소**
- **한 명의 개발자가 세 플랫폼 동시 운영 가능**
- **배포 속도 극적 개선** (앱 스토어 심사 우회)
- **빠른 반복 개선 가능** (린 스타트업 방법론 부합)
- **보안 강화** (백엔드에서 이미 처리된 보안 대책)[1]
Ruby on Rails와 가장 잘 맞지만, Django, Laravel, Next.js 등 다른 백엔드 프레임워크와도 연동 가능합니다. 서버에서 HTML을 렌더링하는 방식이면 모두 호환됩니다.
## 실행 액션
1. Hotwire Native 공식 홈페이지의 시작 문서 읽기
2. 기존 Ruby on Rails 웹이 있다면 며칠 내에 앱 제작 가능
3. 아직 웹이 없다면 먼저 간단한 웹 구축 후 앱 개발
**핵심 질문:** 내 서비스에 정말 네이티브 앱이 필요한가, 아니면 웹만으로 충분한가? - https://www.youtube.com/watch?v=yIdzxdLX9Dk
- **주제:** 웹 개발 기술 하나로 웹, iOS, 안드로이드 앱을 동시에 만드는 Hotwire Native 기술의 장점과 활용 방법
- Claude
- 실전 Claude Code 공개 패턴 : 한 개발자가 2025년 한 해 동안 LLM과 2,000시간 이상 실전 코딩 수행 단순 팁이 아니라 실제로 “작동하는” 고급 사용 패턴만 정리
- 대상은 Claude Code 중심의 에이전트·코딩 워크플로우 프롬프트 요령 수준이 아니라
→ 설계 분리 방식
→ 컨텍스트 관리 전략
→ 대규모 코드베이스에서 실패하지 않는 패턴 위주
LLM을 “보조 도구”가 아니라 공동 개발자(Co-Dev)로 쓰는 구조 - https://docs.google.com/document/d/1I9r21TyQuAO1y2ecztBU0PSCpjHSL_vZJiA5v276Wro/edit?fbclid=IwY2xjawPUKFVleHRuA2FlbQIxMABicmlkETFjQXZUM0RUTWRhMEZ3SEhnc3J0YwZhcHBfaWQQMjIyMDM5MTc4ODIwMDg5MgABHqXbzrmKJj0GOyy7kaBcS9UXq3BFIArHeAbdkseLTXO45Hy0C40tcFdmbXr7_aem_cwr4ZWXIRxfR_hDAo1PXng&tab=t.0#heading=h.z33vzpja8w8m
- 대상은 Claude Code 중심의 에이전트·코딩 워크플로우 프롬프트 요령 수준이 아니라
- 다음 주제
- 실전 Claude Code 공개 패턴 : 한 개발자가 2025년 한 해 동안 LLM과 2,000시간 이상 실전 코딩 수행 단순 팁이 아니라 실제로 “작동하는” 고급 사용 패턴만 정리
대딸깍의_시대_finetuning.pdf
2.48MB
- Google
- 아주 기초 - 구글 안티그래비티 설치와 AWS Lightsail 서버 연동 튜토리얼
- **구글 안티그래비티(Antigravity)**는 AI 에이전트 기반 통합 개발 환경(IDE)으로, 구글 홈페이지에서 Mac/Windows/Linux 지원 다운로드로 간단 설치(디폴트 설정 + 구글 로그인) 후 사용 가능. 무료 기본 사용(2시간 한도, 프로 모드 4-5시간), Gemini 3/소넷/GPT 등 모델 선택, **Planning 모드(계획 수립 후 진행)**와 **Fast 모드(즉시 실행)** 지원[1][2][3].
**AWS Lightsail(초보자용 가상 서버 서비스, 첫 3개월 무료)** 서버 생성 과정:
- 서울 리전, Linux LAMP(Apache/MySQL/PHP) 블루프린트, 듀얼 스택 IP(공인+사설), $12/월(2GB RAM/2CPU/60GB SSD) 인스턴스 생성.
- 퍼블릭 IP로 웹 접속 확인(주소 변경 방지 위해 고정 IP 연결), 사용자 'bitnami' + PEM 키 파일 다운로드로 SSH/SCP 준비(홈 디렉토리: /opt/bitnami/htdocs).
**안티그래비티 연동 및 활용**:
- 새 폴더 열고 서버 IP/키/사용자/홈 디렉토리 입력 → SSH/SCP 연결 테스트(초록 체크 확인).
- 명령으로 실시간 모니터링 대시보드(index.html + api.php) 배포(IP 접속해 CPU/메모리/로드 확인).
- Gemini Nano로 3D 이미지(펭귄+고양이 바이브 코딩) 생성 후 스플래시 모달(뒷 배경 어두움) 추가, 한글 깨짐 자동 수정 후 서버 업로드.
이 도구로 자연어 명령만으로 서버 접속/파일 배포/이미지 생성/웹 테스트 자동화 가능, 초보자도 AWS 서버 자유 조작[1][2][3][4]. - https://www.youtube.com/watch?v=zRp7o3rcRW0
- **구글 안티그래비티(Antigravity)**는 AI 에이전트 기반 통합 개발 환경(IDE)으로, 구글 홈페이지에서 Mac/Windows/Linux 지원 다운로드로 간단 설치(디폴트 설정 + 구글 로그인) 후 사용 가능. 무료 기본 사용(2시간 한도, 프로 모드 4-5시간), Gemini 3/소넷/GPT 등 모델 선택, **Planning 모드(계획 수립 후 진행)**와 **Fast 모드(즉시 실행)** 지원[1][2][3].
- Antigravity'에 대한 심층 분석 가이드 :
- 🔸 이 가이드는 플랫폼의 전체 스택을 분석한 개발자가 작성했는데, 설치부터 모네티제이션까지 모든 것을 다루었습니다.
🔸 플랫폼 설정, AI 기반 기능 개발, 심지어 시스템을 통한 수익 창출에 대한 자세한 지침도 포함되어 있습니다.
🔸 이 튜토리얼은 거의 30 분 동안 진행되지만, 누구든지 Antigravity가 어떻게 작동하는지 이해하려는 사람들을 위한 완전한 입문서로 충분히 포함되어 있습니다.
🔸 분석에서는 Antigravity가 Cursor 및 Google Windsurf와 같은 경쟁 제품에 대비하여 작업을 자동화하기 위해 AI 에이전트 - https://www.youtube.com/watch?v=V4lFIbAeWpQ
- 🔸 이 가이드는 플랫폼의 전체 스택을 분석한 개발자가 작성했는데, 설치부터 모네티제이션까지 모든 것을 다루었습니다.
- 아주 기초 - 구글 안티그래비티 설치와 AWS Lightsail 서버 연동 튜토리얼
'바이브 코딩 > 바이브 코딩 일반' 카테고리의 다른 글
| 바이브 코딩 개발론 (0) | 2026.02.14 |
|---|---|
| Claude + local LLM vs gemini-cli 비교 (0) | 2026.02.01 |
| 바이브 코딩 자료들 (0) | 2026.01.25 |
| Agent Skill (0) | 2026.01.23 |
| 구글 바이브코딩 툴 (0) | 2026.01.16 |
