YangPhago’s Mains(양파고)

배움을 나누고, 성장하기 위한 노션 페이지입니다_By Yang, Since 2023

*주인장의 한마디: 어려운 인공지능을 많은 사람들이 보다 쉽게 이해할 수 있도록 ‘Connect’해주는목적으로 개설된 페이지입니다. **주인장 깃허브: https://github.com/roughkyo ***강의문의: roughkyo@gmail.com

It’s Me: AI teacher, AI education connector, Toy Project Developer

Philosophy: AI education is needed for everyone

[Hot Trend]

목차(클릭하세요)
아두이노가 측정한 온습도를 인터넷 너머 구글 시트에 자동으로 쌓는 실습
일반적으로 엑셀에 저장하는 방법, 프로그램도 있지만, 보다 진일보한 형태로 구글 appas script를 활용하는 방식

[참고자료] 엑셀에 저장하는 방법은 상당히 많이 존재함
아두이노(Arduino) 홈 IoT 입문 - 온습도 센서 데이터 출력/저장 방법
Arduino 아두이노 시리얼 통신 데이터를 엑셀에 저장/연동하기
0. 아두이노 우노 R4에서 측정값을 구글 시트로 저장하기 위한 사전지식
0-1. 2.4GH만 대역만 지원

아두이노 IoT기초_센서값저장(with 구글시트,GAS)

main_page

YOLO 기반 자동 모자이크&blur 학습 사이트 제작 과정

main_page

목차(클릭하세요)
[실습 장면]
[목차]
[실습 ]사이트 접속 주소: https://ai-auto-blur.vercel.app/

AI_Auto_Blur 수업용 시뮬

main_page

목차
0.관련 링크 및 깃허브, 설치
0-1. 웹 크롤링의 개념과 필요성
[참고자료]
•GitHub 저장소: web-crawler (오픈소스, 자유 사용·수정·재배포 가능)

12. URL 기반 AI 웹 크롤링 에이전트

main_page

목차
1.AI로 PPTX좀 만들어봤다 하는 사람들의 고민
결론부터: 반복 생산이면 스킬, 일회성 탐색이면 프로젝트 추천
스킬로 갔다면 정형 슬라이드는 Node, 브랜드·애니메이션은 파이썬이 정답임.
토큰은 실행 속도가 아니라 문서 길이와 코드 생성량에서 결정됨.
1-1. project VS Skill
근본적인 차이점?

12. ppt작성과 관련 스킬(26.8월 기준)

main_page

목차(클릭하세요)
코덱스(Codex)에서의 ‘프로젝트’는 클로드의 ‘프로젝트’와 다름
단순히, 내 로컬 컴퓨터의 작업 폴더를 ‘프로젝트’라고 부름

코데스에서 @는 플러그인을 부르고, /는 스킬을 부름. 클로드와 헷갈리지 않게 구분해서 기억할 것.
[참고 영상]
고품질 코덱스 초보자 가이드 (2026)
1. 시작하기: 설치 및 기본 설정
1-1. 설치 & 프로젝트 개념

[Agent]codex_초보를 위한 핵심 기능

main_page

[Aside]AI 브라우저의 시작

main_page

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

main_page

[My Agent]codex연결하기(Codecx vs Claude)+개인맞춤형 설정 예시

main_page

목차(클릭하세요)
내가 만든 지식베이스를 보다 직관적인 그래프로 만들어 LLM이 이 관계를 바탕으로 응답할 수 있도록 도와주는 서브옵션
📎 참고자료
1. 옵시디언에 저장된 LLM위키의 시각화
•옵시디언의 내용들은 대부분 markdown형태로 저장되어 있으니,

[My Agent]11. 세컨드브레인 with Graphify

main_page

목차(클릭하세요)
AI를 활용하면 테슬라 분기 실적 분석을 15분에 끝낼 수 있다???
전제 조건: 클로드의 프로젝트 + 아티팩트 + 코워크·스킬 조합 필요
[참고 영상]‣
1. project 기능_전담 애널리스트 만들기
1-1. project의 개념과 장점
"같은 배경 설명을 매번 반복하지 않고, 내 일을 정확히 이해하는 전담 부서를 만드는 것"

[실전]claude_주식 투자 리서치 자동화

main_page

목차(클릭하세요)
[필수 실행조건]
성장하는 에이전트_claude cowork로 업레이드의 핵심: 대화를 할 수록 필요한 스킬들, 나에게 맞는 스킬들이 자동으로 쌓이게 됨
클로드 코워크 완벽 셋팅법: ‣
1. 성장하는 에이전트_claude cowork로 업레이드
•hermes Agent의 가장 강력한 장점

[Claude]3.Cowork_workflow 활용기(with 성장)

main_page

목차(클릭하세요)
백그라운드 실행, Canvan_멀티에이전트, DashBoard 등을 활용하기
📎 참고자료
1. 대시보드 접근하기

[My Agent]10. Hermes 에이전트핵심기능(DashBoard, 멀티에이전트, 백그라운드 작업 등)

main_page

목차(클릭하세요)
NotebookLM 슬라이드/인포그래픽의 한글 깨짐 문제를 해결하기 위한 실험 기록
1줄 결론: Noto Sans KR  + 세부정보수준’간결하게’ 선택하면 가장 성공률 높음
추천하는 글꼴: Noto Serif KR, Pretendard
[참고자료]
날쌤|몽당분필 대표이사|교사밈|캔바서더|갤럭시AI티처 (@nalssam) on Threads
1. 구글 노트북LM 한글 깨짐 방지를 위한 노력들

구글 노트북LM 한글 깨짐 방지를 위한 폰트 실험

main_page

[My Agent]9. Hermes 에이전트 MCP · 스킬 설정

main_page

목차(클릭하세요)
오픈클로, Hermes 모두 사용가능하지만, 오픈클로는 뭔가 꺼림직…
➡️ Hermes로 온라인 Agent사용하기의 모든 것

PC 한 대에 Hermes Agent + Ollama 을 올려, 슬랙 하나로 어디서든 3단계 모델 라우팅 AI 에이전트를 무료에 가깝게 운용함
[참고자료]
•Hermes-agent공식 사이트
•Hermes Agent: 성장하는 AI 에이전트 실전 가이드
•Ollama 공식 사이트

[My Agent]5.온라인 Agent(with Hermes)

main_page

목차(클릭하세요)
[필수 실행조건]
1.클로드 코워크를 작동시킬 컴퓨터 한개는 켜져 있어야 함
2.해당 컴퓨터에서 클로드 데스크탑이 반드시 백그라운드에서라도 실행중이여야 함!
cowork가 기존의  LLM과 다른점?
➡️ 나를 대신해 일하는 에이전트를 만드는 도구
참고 영상: ‣
1.  claude cowork란?

[Claude]2.Cowork_workflow

main_page

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

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

main_page

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

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

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

main_page

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

main_page

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

main_page

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

main_page

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

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

main_page

Chrome용 Claude

main_page

Gemini+ NotebookLM+ Opal(superGems)

main_page

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

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

main_page

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

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

main_page

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

main_page

목차(클릭하세요)
[참고 사이트]
‣
‣
📊 두 방식 비교표

Blynk2.0으로 WiFi 제어하기

main_page

목차(클릭하세요)
이 페이지에서 설명하는 방식은 반드시 같은wifi에 연결필요

웹 브라우저 화면의 변경을 아두이노 안에서 html태그를 이용해 제어할 수 있음
WiFiClient클래스를 통해 client객체를 만들고, clinet객체를 조정하는 방식
[참조 사이트]
•‣
•‣
•‣
1. 아두이노 우노 R4 WiFi - WiFi 연결하기

아두이노 IoT( wifi)기초예제 변형

main_page

목차(클릭하세요)
로컬스토리지 저장방식이 아닌 서버에 데이터를 저장하는 방식 활용
[결과물]
http://yangphago.atwebpages.com/index.php
0. 참고: 이 내용은 ‘커서 AI 트렌드&활용백과’를 참고함
1. 맞춤형 설문조사 폼&분석
•Todo list를 로컬 스토리지에 저장하는 방식으로 구현했으니, 이제 서버에 데이터를 저장하고 활용하는 예시를 진행

[중급] 서버기반 설문조사 폼&분석

main_page

real Project

목차(클릭하세요)
오류가 주로 나는 부분은 다음 2가지 포인트
1. 배포용으로 만드는 과정에서 설정 
2. 데이터베이스 역할을 하는 구글 스프레드시트의 탭이름 
교실혁신 선도교사 연수를 진행하며, 각 학교에서 학생들의 지필 또는 수행평가를 조회하는데 있어, 자신의 점수가 아닌 타인의 점수가 노출되는 상황을 방지하는 용도로 사용됨
1.기존의 리로스쿨에는 해당기능이 이미 포함되어 있음.
2.시스템을 만드는 과정에서 생성형AI를 활용하여 기록된 점수를 개별조회가 가능한 시스템으로 변환하는데 그 핵심이 있음
1. 예시작품

구글 Apps Script 활용 개별점수확인

main_page

Human

목차(클릭하세요)
나온 지 얼마 안된 기술이니만큼, 매일매일 새로운 MCP 서버가 활발하게 개발 중

클로드, 안티그래비티, 커서 등에 MCP를 붙일 수 있음
✅ MCP마다 실행방식이 약간 다름: 크게 로컬에 설치하여, 인터넷 연결없이 작동되는 MCP가 있는 반면, 클라우드 기반 실행방식도 있음
1. Smithery AI

• Smithery AI
Smithery - Model Context Protocol Registry

4.MCP 서버 훝어보기

LLM with gpt

main_page

목차(클릭하세요)
1. MCP환경 셋팅
•✅ 기본적으로 파이썬, VSC는 설치되어있다고 하고 Pass!!
•참고로 오늘날짜 25.5.2.을 기준으로  클로드 웹사이트 claude.ai에서는 MCP 서버를 지원하지 않음
1-1. Claude 데스크탑 버전 설치
‣

2.MCP 환경셋팅 및 모듈설치(클로드 기반)

LLM with gpt

main_page

목차(클릭하세요)
클라우드 드라이브에서 작업시 설치와 실행에 오류가 발생할 수 있으니, 로컬 드라이브에서 작업
0. 참고: 이 내용은 ‘커서 AI 트렌드&활용백과’를 참고함

1. 프로젝트 폴더와 파일 만들기
1-1. 웹 사이트의 첫페이지
 ✅일반적으로 index.html  또는 index.php 라는 이름을 사용
1-2. html과 php의 차이

[초급]K치킨 소개사이트_by_cursor(Git Hub활용)

real Project

main_page

목차(클릭하세요)
먼저 깃허브에 올린 후, 상황에 따라 배포 방법을 결정!!
1. 웹 프로젝트 유형별 권장 배포 플랫폼 정리
✅ 웹 프로젝트 유형별 권장 배포 플랫폼 정리 (2025 기준)
📌 정리표: 프로젝트별 최적 배포 플랫폼

웹프로젝트 유형별 배포(Yangphago_st)

main_page

‘챗GPT와 업무자동화 도서’ review

main_page

목차(클릭하세요)
전체 흐름: 원본파일 넣기 ➡️ 매크로 실행하여 원본파일 숨기기 ➡️ 매크로 전체 비밀번호 설정
1. 첨부파일 다운 후 원본자료 입력 후 기본셋팅
25학년도 OO고 셀프확인핑양식.xlsm
1-1. 첨부파일의 원본보호 탭에 조회할 전체 원본자표 입력

VBA로 개별확인자료 배포하기

main_page

목차(클릭하세요)
확실한 효과!가 있어요!
👍참고 사이트: https://oceanic-boron-955.notion.site/3-15564aa24d21808f9d12c62c093a1920
0. 최고의 조합_by_yangphago
🫰close-up:0.5, f/22, Natural lighting,  subtle shiny texture
또는 medium close-up, f/22, Natural lighting, subtle shiny texture

리얼한 이미지 만드는 비밀 공식 3단계 프롬프트

main_page

목차(클릭하세요)
쉽고 재밌기만 한 교육은 독이다.
재미있으니까 교육에 쓰자는 말로 에듀테크를 합리화 해서는 안된다. 에듀테크는 사용하기전 사용의도가 반드시 존재해야 한다. 이븐하지 않은 교사들이 단지 재미를 위해 에듀테크 사용을 권장한다면, 다시 생각해 보자
By 자칭 Edu슐랭 3Star
[참고 문헌1]: ‣
[참고 문헌2]‣
** 이 원문글이 너무 좋아 글의 일부를 차용하되, 저자의 생각을 덧붙임
1. 재미있는 학습에 대한 회의

AI교육에 대한 철학

Human

main_page

Uno R4 시작하기

Human

main_page

목차(클릭하세요)
[참고 주소]
구글 Colab과 Github 연동하는 방법
1. Github 리포지토리 준비
•구글 코랩(Google Colab)과 연동할 리포지토리(Repository)를 준비
2. Access 토큰 생성

2. 구글 Colab과 Github 연동하기

main_page

programing

목차(클릭하세요)
0. 핵심 요약
① git 설치
② GitHub 접속 repository(저장소) 만들기
③ 로컬의 프로젝트파일과 깃허브 연결하기
참고로 GUI로 사용하는 방식과 CLI로 사용하는 방식이 있음
[GUI]방식으로 사용하기

1. 깃허브 핵심 요약(찐)

main_page

programing

완료

바이든vs날리면

real Project

main_page

[AI 수업을 위한 사이트 모음]

양파고’s 생성형AI 즐겨찾기

양파고’s 에듀테크 즐겨찾기

image2vector(with claude)

목차(클릭하세요)
3가지 방식: DeepL, 구글 Gems, 안티그래비티 과연 무엇이 가장 정확한 번역이 가능할까? 
➡️ 실험 결과: 완벽한 번역tool는 아직 없는 걸
📢오늘의 테스트 문서는 GPT의 조상님! 바로  attention영어논문
•이미 한글로 번역된 자료가 많지만 테스트를 위해 어느 정도 용량이 있는 영어논문pdf를 활용해보기
1. DeepL
텍스트 및 전체 문서 파일을 즉시 번역하세요. 개인과 팀을 위한 정확한 AI 번역. 매일 수백만 명이 DeepL 번역기로 작업합니다.
1-1. 결과

한글PDF를 영어PDF한방변환 비교

1. AI큐레이션 4인방

Transformer속 핵심 Attension 시뮬레이션(with YangPhago)

RNN기초개념 실습

퍼셉트론으로 논리게이트 시뮬레이션

[주인장 소개]

삼성 주니어SW아카데미 교재 집

정보교육 유공교원

모두를 위한 인공지능 원격연수 (중앙교육연수원) 개발

모두를 위한 인공지능 언플러그드

연구실적 2등급

YOLO 기반 자동 모자이크&blur 학습 사이트 제작 과정

YangPhago’s Mains(양파고)

1.LLM(tools)

2.AI_Python

3.Pure programing

4.Human(Non codebase)

5.Real Project

0. 아두이노 우노 R4에서 측정값을 구글 시트로 저장하기 위한 사전지식

0-1. 2.4GH만 대역만 지원

[실습 장면]

[실습 ]사이트 접속 주소: https://ai-auto-blur.vercel.app/

0.관련 링크 및 깃허브, 설치

0-1. 웹 크롤링의 개념과 필요성

1.AI로 PPTX좀 만들어봤다 하는 사람들의 고민

1-1. project VS Skill

근본적인 차이점?

1. 시작하기: 설치 및 기본 설정

1-1. 설치 & 프로젝트 개념

1. 옵시디언에 저장된 LLM위키의 시각화

1. project 기능_전담 애널리스트 만들기

1-1. project의 개념과 장점

1. 성장하는 에이전트_claude cowork로 업레이드

1. 대시보드 접근하기

1. 구글 노트북LM 한글 깨짐 방지를 위한 노력들

1. claude cowork란?

1. 원인분석

1-1. 왜 이런 문제가 생길까?

1. 프로그램 개발의 취지

1-1. 학생들에게 필요한 기능/전략

1. 기초 방법

1-1. 3D디자인과 웹디자인을 레퍼런스로 제시

1. 3D디자인_스플라인

1. 고민_서비스 배포는 어떻게?

1-1. 하나의 생태계에서 프론트엔드와 벡엔드의 만남

📊 두 방식 비교표

1. 아두이노 우노 R4 WiFi - WiFi 연결하기

0. 참고: 이 내용은 ‘커서 AI 트렌드&활용백과’를 참고함

1. 맞춤형 설문조사 폼&분석

1. 예시작품

1. Smithery AI

1. MCP환경 셋팅

1-1. Claude 데스크탑 버전 설치

0. 참고: 이 내용은 ‘커서 AI 트렌드&활용백과’를 참고함

1-1. 웹 사이트의 첫페이지

1-2. html과 php의 차이

1. 웹 프로젝트 유형별 권장 배포 플랫폼 정리

✅ 웹 프로젝트 유형별 권장 배포 플랫폼 정리 (2025 기준)

📌 정리표: 프로젝트별 최적 배포 플랫폼

1. 첨부파일 다운 후 원본자료 입력 후 기본셋팅

1-1. 첨부파일의 원본보호 탭에 조회할 전체 원본자표 입력

0. 최고의 조합_by_yangphago

1. 재미있는 학습에 대한 회의

[참고 주소]

1. Github 리포지토리 준비

2. Access 토큰 생성

0. 핵심 요약

1. DeepL

1-1. 결과