⌨️

바이브코딩

목차(클릭하세요)
바이브 코딩을 시작하고, 보안/품질의 관점에서 리뷰
1.바이브 코딩에서 AI모델이란?
1-1. 엔트로픽 모델
•주종은 Sonet, Opus, Fables
1-2.구글 gemini모델
•구글의 LLM모델은 Flash와 pro모델로 나눌 수 있음

자동완성에서 자율 에이전트로(feat.AI현업 개발자의 입장에서)

[안티그래비티]global rules 업데이트

목차(클릭하세요)
사용 모델: gemini 3.1pro
제작 환경: AI studio
**앱 설명: 교사가 입력한 채점 기준(루브릭)과 만점 샘플을 바탕으로, AI가 다수의 학생 서술형 답안을 한 번에 분석하여 점수, 표절율, 맞춤형 피드백을 자동 산출해 주는 평가 보조 도구

**핵심 기능: 수행평가 채점에 소요되는 교사의 막대한 시간과 업무 부담을 획기적으로 줄이고, 학생들에게는 보다 일관되고 상세한 피드백을 제공(수행평가 AI 채점 도우미)
1. 제작 취지 
✅이미 이런 서비스는 있지요.. 이걸 사용할 도니가 없을뿐..
•클리포 링크: ‣
•내돈으로 결제하기엔 뭔가 아깝고, 학교엔 이런걸 결재해줄 예산은 없고..

[AI studio]수행평가 Ai채점 도우미

목차(클릭하세요)
노트북LM의 슬라이드기능의 최대 약점1: 한글이 일부 깨짐
노트북LM의 슬라이드기능의 최대 약점2: 텍스트 수정이 되지 않음
참고 사이트: ‣
1. 원인분석
1-1. 왜 이런 문제가 생길까? 
•지식의 응집도(Cohesion) 문제
•객체 지향적 생성 방식

[AI studio]pdf to PPT(with 노트북LM)

목차(클릭하세요)
처음 목표로 했던 앱: 사진 자동 선별 + 보정 + AI 글쓰기 + PDF 생성"을 한번에 해주는 통합 앱
[현재 작성중]장기플랜으로 계속적 업데이트
✅ 개발전 질문: 그럼 내가 클로드나 Gemini의 API키를 활용해 나만의 서비스를 만들어 학생들에게 서비스를 제공한다면 Saas에 해당되는 걸까?
➡️ Claude API나 Gemini API를 활용해 서비스를 만드는 과정을 구분해야 
•Claude/Gemini API를 사용하는 것 = MaaS 소비자 역할
•만든 서비스를 다른 사람에게 제공하면 = SaaS 제공자 역할

[안티그래비티]Saas개발 전체 과정 (랜딩페이지~배포·DB·결제)with AI

목차(클릭하세요)
26년을 준비하며 가장 공들였던 프로젝트
-  RAG기반의 자공고2.0 이수트랙 AI추천 시스템

[양파고의 철학]
1. 바이브코딩 자체가 중요한 것이 아니라 바이브 코딩을 통해 내게 필요한 것을 만들자
2. 개인에게 유용하면서도 보다 많은 다수(학생/교사들)에게 가치로운 프로그램을 만들자
3. 이 과정 역시 학생들의 주제탐구에 하나의 방향으로 제시될 수 있도록 
광양고 자공고 2.0 - 이수 트랙 추천 시스템
1. 프로그램 개발의 취지
1-1. 학생들에게 필요한 기능/전략
•학교가 자율형 공립고라서 정말 많은 비교과 프로그램이 운영중임

[안티그래비티]고등학교용 이수트랙

[안티그래비티]진실의 자리바꿈(배포용)

[안티그래비티]진실의 자리바꿈(로컬용)

[안티그래비티]endGame_교육용퀴즈

[안티 그래비티(Antigravity)] 1.설치법 & 사용법&단점 &MCP

목차(클릭하세요)
워크플로우는 특정 작업을 수행하기 위한 단계별 지침서
📢양파고 제작 PPT자동화 깃허브
1. 안티그래비티+PPT자동화를 추천하는 이유
•현재 PPT자동화로 노트북 LM과  gemini를 사용하는 경우가 많은데 완벽하지 않고, 수정이 더 번거로울때가 있음
1-1. 노트북LM에서의 슬라이드 작성시 문제점

[안티그래피티] PPT 자동화

목차(클릭하세요)
구글이 만든 안티 그래비티(=Antigravity)와 구글이 만든 파이어베이스(=FireBase)가 만나면?
- 안티 그래비티(=Antigravity)가 딜러+힐러라면
- 파이어베이스(=FireBas는 서포터!!!
1. 고민_서비스 배포는 어떻게?
1-1.  하나의 생태계에서 프론트엔드와 벡엔드의 만남
•안티그래비티 (아이돌): 춤추고 노래하며 실제로 퍼포먼스(기능 구현)를 보여주는 주인공.
•파이어베이스 (기획사): 무대(호스팅)를 설치해주고, 팬레터(데이터)를 관리해주는 소속사.
Antigravity (UI 설계)
        ↓ 원클릭 연동
Firebase (데이터/인증/호스팅)
        ↓ 자동 최적화
Google Cloud (확장)

[안티 그래비티(Antigravity)] 2.배포 with Firebase

목차(클릭하세요)
바이브 코딩시에 만들어지는 웹 페이지의 느낌이 다 고만고만하기 때문에 시각적 요소를 더하기 위한 사이트: 스플라인 + 모빈
1. 3D디자인_스플라인
•3d랜딩 페이지 제작을 위한 사이트
•메인 베너 디자인을 3D디자인으로 구성하고 싶을  유용
•브라우저에서 실시간으로 돌아가는 도구
Spline

[바이브코딩]디자인툴 3인방(스플라인, 모빈, 비핸스)

목차(클릭하세요)
3D 컴포넌트 템플릿을 프롬프트에 포함하여 바이브 코딩하기 vs 3D컴포넌트 템플릿을 생성할 수 있는 리액트 라이브러리를 프롬프트에 포함하여 바이브 코딩하기
[참고 영상]
‣
1. 기초 방법
‣
1-1. 3D디자인과 웹디자인을 레퍼런스로 제시

[AI studio]2.3D웹사이트구축

[안티그래비티]학교업무 Hub