🧞

Web_base

목차(클릭하세요)

1. 기계학습 예시

[광고로 알아보는 기계학습]

•

광고비를 많이 사용하면 클릭수가 증가할 것인가?

•

학습이란?  최적의 모델을 찾아가는 과정

2. 주식 데이터 분석

2-1. 개념

•

앞으로 이 주식, 오를까? 떨어질까?

2-2.핵심 모듈

•

프로빗(Prophet)을 활용

•

네이버금융의 삼성전자 ‘시세’데이터

•

html과 관련된 network를 찾고, Request URL을 복사하여 실행

•

해당주소를 복사하여 새창에서 열면 해당 시세에 관련된 부분만 조회되는 것을 확인할 수 있음

주식 데이터 분석

목차(클릭하세요)

To Do List를 만들기 위해 웹 사이트의 데이터를 저장하는 방식을 알아야 함

1. 기본내용

1-1. 동일한 부분

•

기본적으로 자바스크립트와  php, 테일윈드 css를 사용해 to do리스트 앱을 제작하는 부분이 동일함.

•

파이썬 플라스크를 통해서도 가능하고, 다양한 방식이 존할 수 있음

To do list는 해야 할일을 저장하고 다시 불러올 수 있는 기능이 필요함, 따라서 단순히 모든 사용자에게 동일한 웹페이지를 보여주는 방식이 아님

1-2.핵심

웹 애플리케이션에서 데이터 저장 방식은 크게 두 가지로 구분됨

•

클라이언트 측 저장 방식

•

서버 측 저장 방식(데이터베이스 활용)

1-3.추가된 부분

•

내컴퓨터에 웹사이트데이터를 저장하는 방식에 대해 쿠키, 로컬 스토리지, 세션 스토리지 방식의 장단점을 알고 적용시킬 수 있어야 함

•

서버 측 저장 방식(데이터베이스 활용)은 고급과정에서 다룰 예정

[중급]To do 리스트 만들기

목차(클릭하세요)

나만 알고 싶은 AI서비스:https://notebooklm.google.com/ 치명적 단점: 소스가 많아지면 답변 생성에 지연이 발생.

1. 무엇이 다른가?

1-1. 기존의 LLM, RAG, CAG의 차이

대형 언어 모델(LLM), 검색 기반 생성(RAG), 캐시 기반 생성(CAG)의 주요 특징 비교

1-2.RAG와 CAG를 적절히 사용하는 것이 환각현상의 해답

•

관련 문헌: Monte Carlo DataRAG Vs. CAG: What’s Right For Your AI Strategy?

•

공통점: 모두 대규모 언어 모델의 성능을 향상시키기 위해 개발된 기술

요약

•

RAG: 외부 지식 기반을 실시간으로 검색하여 응답을 생성하므로, 최신 정보 반영에 유리하나, 검색 단계로 인한 지연과 구현 복잡도가 높음.

•

CAG: 사전에 정보를 캐시에 저장하여 빠른 응답을 제공하므로, 정적인 정보 제공에 유리하나, 정보의 최신성 유지에 주의가 필요함.

2. 노트북LM RAG인 이유

•

 NotebookLM은 사용자가 구글 드라이브, PDF, 텍스트 파일, 웹사이트 URL 등 다양한 출처의 문서를 업로드하면, 이 자료들을 기반으로 AI가 정보를 검색(Retrieval)하고, 이를 바탕으로 답변이나 요약 등 새로운 텍스트를 생성(Generation)하는 구조
 질의가 들어올 때마다 업로드된 소스에서 실시간으로 관련 정보를 검색하고, 그 결과를 생성

구글의 노트북LM(with RAG)

목차(클릭하세요)

1. 참고주소

https://github.com/jlowin/fastmcp

https://dytis.tistory.com/112

fastmcp

jlowin

1-1.

1-2.

2. 제목

2-1.

2-2.

3. 제목

3-1.

7.MCP서버구축하기(작성예정)

목차(클릭하세요)

출처: 코난쌤:

YouTube한글문서가 자동으로 만들어진다?! MCP로 HWP 자동화하기 역시 수학교육과 출신쌤들중에는 엄청난 능력자들이!!

[공유파일]

https://claude.ai/share/1e182077-79fa-4404-b6ab-b45264db599f

Claude

Talk with Claude, an AI assistant from Anthropic

https://claude.ai/share/1e182077-79fa-4404-b6ab-b45264db599f

1. 한글파일(HWP) MCP

1-1. 깃허브 접속주소

•

: https://github.com/jkf87/hwp-mcp

1-2. 깃허브의 레포지토리를 클론, 관련파일 설치

•

설치를 원하는 폴더에서 터미널 실행

•

저장소 클론

•

의존성 설치

5.MCP로 HWP자동화

목차(클릭하세요)

커서AI에서의 MCP설정이 클로드에서 설정하는 것보다 조금더 스마트한 느낌이랄까? 역시 커서 God! 커서 Goat!

1. 커서AI에서 MCP설정하기

클로드 데스크탑 버전의 사용법과 다소 다른점이 있음

1-1. 커서 실행 후 설정창 이동

•

우측 상단의 설정창(톱니바퀴 모양)클릭

•

왼쪽 탭에서 MCP 탭 클릭

•

글로벌 MCP 서버 추가 버튼을 누르면 mcp.json 이라는 파일이 생성되며 창이 열리게 됨

•

mcp.json창에서 추가할 MCP 서버를 선택하기

•

MCP서버 1티어급인 Smithery에 접속하여 ‘’popular”에 있는 Sequential Thinking MCP를 설치해보자!

•

여기서 주의: Cursor AI에서 사용할 것이기 떄문에 아래 그림처럼 Cursor > JSON > 자신의 운영체제에 있는 코드를 복사하기

•

해당 코드를 복사한 뒤, 커서AI로 돌아와서 mcp.json창에 붙여넣기

1-2.MCP서버가 잘 설치되었는지 확인하기

3.MCP 환경셋팅(CursorAI 기반)

목차(클릭하세요)

나온 지 얼마 안된 기술이니만큼, 매일매일 새로운 MCP 서버가 활발하게 개발 중 GPT에 MCP가 붙게 되는 날이 곧 올 듯

MCP마다 실행방식이 약간 다름: 크게 로컬에 설치하여, 인터넷 연결없이 작동되는 MCP가 있는 반면, 클라우드 기반 실행방식도 있음

1. Smithery AI

• Smithery AI

Smithery - Model Context Protocol Registry

Extend your agent's capabilities with Model Context Protocol servers.

https://smithery.ai/

1-1. 특징

•

25년 3월 기준으로 3400개의 MCP가 등록되어 있음

•

특히, Claude Desktop과의 통합이 용이

1-2.추천 MCP서버 F4

•

Sequential Thinking - 좀 더 딥한 과제를 풀 수 있는 MCP

•

Desktop Commander - read_file, write_file 등을 할 수 있는 MCP

•

Perplexity Search - 퍼블렉시티 서치를 할 수 있는 MCP

4.MCP 서버 훝어보기

목차(클릭하세요)

1. MCP환경 셋팅

•

 기본적으로 파이썬, VSC는 설치되어있다고 하고 Pass!!

•

참고로 오늘날짜 25.5.2.을 기준으로  클로드 웹사이트 claude.ai에서는 MCP 서버를 지원하지 않음

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

Download Claude

Download Claude for your desktop or mobile device.

https://claude.ai/download

•

당연히 클로드 계정은 있어야 하고, 사용법을 읽고 싶다면 아래 링크 클릭

•

Model Context ProtocolFor Server Developers - Model Context Protocol

1-2.초기 셋팅

•

왼쪽 상단의 파일설정 메뉴에서 개발자클릭 후, ‘설정편집’을 클릭

•

단축키: ctrl + ,

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

목차(클릭하세요)

양파고의 한마디: MCP를 사용하는자와 그렇지 못한자로 구분하는 시대가 오고 있다 LLM LAM AI Agent MCP 그 다음은?

0. [참고문헌]

•

https://marcus-story.tistory.com/148

•

https://bo-ni.tistory.com/36

1.MCP 사용의 이유

!엔트로픽의 공식 설명:

AnthropicAIIntroducing the Model Context Protocol

1-1. 정의

MCP 핵심 키워드: 표준화 + 양방향 통신

MCP(Model Context Protocol)

•

MCP는 AI 어시스턴트와 외부 시스템(콘텐츠 저장소, 비즈니스 도구, 개발 환경 등)을 연결하는 새로운 오픈 프로토콜

•

 이는 AI가 단순한 텍스트 응답을 넘어 실제 작업을 수행할 수 있게 해주는 치트키

•

쉽게 설명하자면, AI가 혼자서만 놀지 않고 외부 세계와 연결되도록 다리 역할을 해주는 기술

•

 LLM AI를 위한 만국 공통어 규약 API라고 해야 할까?

1.MCP 입문

목차(클릭하세요)

알면 도움이 되고, 아님 말고?

1. 파비콘

1-1. 파비콘이란?

•

브라우저 탭, 즐겨찾기, 모바일 홈화면 등에서 웹사이트를 대표하는 작은 아이콘

•

 기본 규격

1-2. 유용한 파비콘 생성 도구

2. 반응형 웹

2-1. 반응형 웹이란?

•

어떤 크기의 디스플레이든(태블릿, PC, 스마트 폰 등) 웹페이지를 그에 맞춰 보여주는 웹 페이지

•

 사용자의 화면 크기나 기기에 따라 자동으로 레이아웃과 디자인이 조절되는 웹사이트를 의미

2-2.왜 필요한가?

웹페이지 구조를 위한 잡지식

목차(클릭하세요)

동적기능을 포함한 웹페이지: 메일전송 기능, 설문조사 자동통계, 데이터 베이스 등

1. 온라인 명함 작성을 위한 기초Tip

1-1. 베이스가 될 디자인

•

 내 온라인 명함의 기준이 될 디자인 모델이 있다면 더욱 쉽게 만들 수 있음

•

특히 화면 캡쳐 기능을 이용한다면 더욱 스마트 하게

1-2.index.php를 사용하기 위한 기초

index.html vs index.php 차이점

기본 개념

index.html

index.php

주요 비교

[중급]나만의 온라인 명함 by_AI(Render활용)

목차(클릭)

보다 쉽게, 보다 편하게

1. 개념

VS Code "소스 제어" (Git 기본 기능)

소스 제어란?

VS Code에 내장된 Git 기본 조작 도구

GitLens 기본 개념

GitLens는 Git을 위한 최고의 확장프로그램

1-1. 차이점

1-2. vsc소스제어

•

vsc는 터미널 기능뿐만 아니라 깃과 연동되어 소스를 관리하는 기능을 가지고 있음

깃렌즈

목차(클릭하세요)

클라우드 드라이브에서 작업시 설치와 실행에 오류가 발생할 수 있으니, 로컬 드라이브에서 작업

1. 프로젝트 폴더와 파일 만들기

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

일반적으로 index.html 또는 index.php 라는 이름을 사용

1-2. html과 php의 차이

핵심 비교

1-3. 웹사이트 파일들의 일반적 구조: 트리 구조

웹사이트의 트리구조 예시

/ (루트 디렉토리) ├── index.html # 메인 페이지 ├── about.html # 소개 페이지 ├── /css # 스타일시트 폴더 │ └── style.css # 메인 스타일시트 ├── /js # 자바스크립트 폴더 │ └── script.js # 주요 동작 스크립트 ├── /images # 이미지 폴더 │ └── logo.png # 로고 이미지 ├── /assets # 기타 리소스 폴더 │ ├── /fonts # 폰트 파일 보관 폴더 │ │ └── font.ttf # 폰트 파일 │ └── /videos # 동영상 파일 보관 폴더 │ └── intro.mp4 # 소개 영상

  -  index.html : 브라우저가 가장 먼저 읽는 메인 페이지

2. 웹페이지 구축(초보)

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

목차(클릭하세요)

먼저 깃허브에 올린 후, 상황에 따라 배포 방법을 결정!!

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

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

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

보충 설명

GitHub Pages

•

HTML/CSS/JS 기반 정적 사이트에 가장 적합

•

외부 API를 fetch()로 호출하는 정도의 동작은 문제 없음

•

Python, PHP, Flask 등의 서버 사이드 실행은 불가

Render

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

목차(클릭하세요)

1. 로봇공학 관련 실무자의 이야기

1-1. [보스턴 다이나믹스 로봇]을 예시로

•

로봇은 두발로 걷는것보다 한발로 서 있는 것이 더욱 어려움

•

보스턴 다이나믹스: 아틀라스(Atlas)가 배터리 포함 무게가 89kg정도 

•

현실적인 문제들: 무게의 2/3가 배터리임

•

배터리 문제로 장시간 작동이 어려움

•

25년 기준 로봇마라톤 대회가 열리기도 했음

1-2.로봇공학 발전의 히스토리

•

인텔리전스 모션의 2가지

•

기술적 진보와 제도적 확장이 함께 어울어져야 함.

•

High Tech와(기술혁신) Deep Tech(사회혁신)

2. 로봇+AI

로봇공학 특강내용 정리(25년)

클로버 노트, 만능 툴킷, 업무효율화, 학습자료, class 관리 등 교육용 에듀테크 활용 정리

•

정말 엑기스만 모읍니다!!

Padlet에듀테크 수업 플랫폼 마인드맵 클릭

에듀테크 수업 플랫폼 마인드맵

Padlet으로 만듦

https://padlet.com/roughkyo/padlet-oosp5z7y0qckwanr

[패들렛 페이지 주인장의 한마디]

•

계속 업데이트 예정

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

종합서비스, 1티어, 1.5티어, 에이전트, 생기부 특화 등 패들렛 활용 정리

Padlet생성형AI 즐겨찾기 클릭

생성형AI 즐겨찾기

Padlet으로 만듦

https://padlet.com/roughkyo/ai-gxdcb6kb5c3s2tls

[패들렛 페이지 주인장의 한마디]

•

계속 업데이트 예정

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

목차(클릭하세요)

한줄평: 내돈내산 할만함!! 추천 핵심 키워드: 메타도구

1. 내돈내산 review

1-1. 인증

1-2.인상깊었던 단락&표현

[메타도구]

과거 노코드 도구들이 대세인적이 잠깐 있었음

지금의 커서AI는 사용자의 의도를 이해하고 그에 맞춰 도구를 함께 설계,제작하는 해줌

[프롬프트 엔지니어링]

우리가 흔히 알고 있는 프롬프트 엔지니어링에 대한 개념을 확장 시킨 부분이 인상적

‘커서 AI 트렌드&활용백과’ review

목차(클릭하세요)

한줄평: 중수이상은 내돈내산 비추천, 초보들에게는 내돈내산 할만함

1. 내돈내산 review

1-1. 인증

1-2.리뷰 한줄평

•

목차는 매력적이나 책을 풀어가는 방식은 기대만큼 매력적이 않아 아쉬움이 남음.

•

공감갔던 리뷰

2. 의미있던 부분??

2-1. VBA에 대한 기초적인 내용

여러 엑셀파일을 하나로 다루는 기능을 구현하고자 할때

[프롬프트 예시]

어떤 폴더에 엑셀파일이 여러개 있다. 이파일을 하나씩 열어서 첫번째 시트에 있는 내용을 복사해서 하나로 합치는 VBA코드 만들어줘]

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

1.파이썬 물리엔진 시각화를 위한 라이브러리들

vpython vs pymunk 핵심 비교

사용 권장 상황

•

vpython → 중고등학생, 대학 기초 물리 교육 시각화

•

pymunk → 2D 게임 물리 구현, 충돌/역학 기반 시뮬레이션

1-1. 낙하 운동 시뮬레이션(vpython)

[주의]

해당 코드는 .ipynb이 아닌 파이썬 스크립트 형태로 실행해야 함

1-2. 낙하 운동 시뮬레이션(pymunk활용 2D)

2. pymunk라이브러리

’munk’이름의 유래: Chipmunk라는 2D 물리 엔진에서 유래

파이썬_물리엔진

0.최종목표

[ 아이리스 품종 예측기 ]

1.핵심 concept

스트림릿 (Streamlit) 프레임워크는 UI 요소와 실시간 연동되는 파이썬 기반의 컴포넌트 객체를 통해 사용자와 상호 작용

스트림릿은 먼저 파이썬 스크립트가 최초 실행될 때 화면의 레이아웃과 구성 요소를 배치

•

파이썬 스크립트란? 파이썬으로 작성된 코드

•

.py 확장자를 가진 실행 가능한 텍스트 파일

2.반응형 프로그래밍

반응형 프로그램 특징: UI 요소에 일어나는 변화를 효과적으로 감지하고 처리하기 위해 애플리케이션의 데이터 상태와 UI 요소의 상태를 동기화하여 관리

원리: 스트림릿 환경에서 수행되는 파이썬 스크립트는 스트림릿에서 관리하는 프론트엔드 엔진으로 전달되어 화면상의 컴포넌트로 출력됨

[ 스트림릿 프레임워크에서 파이썬 스크립트와 UI 요소가 연동하는 과정을 나타내는 다이어그램 ]

3.스트림릿concept

0.참고사이트

https://streamlit.io/playground?example=hello

1.차트실습

2.LLM 기초 챗봇 실습

3.스트림릿+opencv실습

4.스트림릿+지리공간

2.스트림릿demo

0.참고주소

스트림릿 기본 사용법

•

https://wikidocs.net/230763

스트림릿 플레이 그라운드

•

https://streamlit.io/playground?example=hello

스트림릿 데모

•

https://github.com/streamlit/demo-self-driving

1.스트림릿이란?

[ 스트림릿 ]

스트림릿(Streamlit)은 프런트엔드에 대한 지식 없이도 머신러닝 모델을 쉽고 빠르게 시연하고 배포할 수 있도록 돕는 오픈소스 프레임워크

 데이터 분석과 시각화를 함께 간편하게 수행할 수 있는 파이썬 오픈 소스 라이브러리

장점: 파이썬 코드만으로 사용자와 상호작용하는 LLM 웹 애플리케션을 손쉽게 생성 가능

어디다 써먹을 수 있을까?

1.스트림릿_basic

24년 AISW교육 표창

정보교육 유공교원

목차(클릭하세요)

전체 흐름: 원본파일 넣기 매크로 실행하여 원본파일 숨기기 매크로 전체 비밀번호 설정

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

25학년도 OO고 셀프확인핑양식.xlsm

33.1KB

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

1-2. 조회기능 VBA

•

데이터-유효성검사에 있는 콤보박스로는 VBA작동과 매칭이 어려우므로 개발도구 안에 있는 콤보박스 기능을 활용

•

다음 순서로 콤보상자를 드래그

•

마우스 우클릭 후 컨트롤 서식 클릭

2-1. 콤보박스 만들기 VBA

•

VBA편집기 실행: 개발도구-VisualBasic 으로 실행하거나 또는 Art+F11키로 실행

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

목차(클릭하세요)

확실한 효과!가 있어요!

참고 사이트: https://oceanic-boron-955.notion.site/3-15564aa24d21808f9d12c62c093a1920

0. 최고의 조합_by_양파고

🫰close-up,f/22, Natural lighting, shiny texture

1. 카메라/구도

1-1.일반 카메라

•

35mm lens - 사람의 시선과 비슷한 렌즈 

•

Fujifilm X-T4   - 클래식한 느낌 한스푼

•

f/22 - 사진이 선명해지는 조리개 값 

•

drone camera - 공중 카메라

•

wide angle - 눈으로 보이는 것보다 더 넓은 구도 

•

(      ) framing - 액자를 만들듯이 피사체를 둘러싸는 구도

•

bird's-eye view - 새처럼 높은 곳에서 내려다본 구도

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

목차(클릭하세요)

강화학습을 배우고자 하는 사람들에게 최고의 추천!

1. 제목1

1-1.

1-2.

2. 제목

2-1.

2-2.

3. 제목

3-1.

3-2.

바닥부터 배우는 강화학습(작성중)

초등- Save과

삼성 주니어 SW 아카데미

모든 청소년들이 누릴 수 있는 소프트웨어 교육. 삼성 주니어 SW 아카데미가 함께 만들어가겠습니다.

https://www.juniorsoftwareacademy.com/?p=41_view&idx=109

집필파트

4단원-우리의 건강과 행복을 구해줘

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

중앙교육연수원에서 배포,

현재는 KOCW(Korea OpenCourseWare)에서 확인가능

모두를 위한 인공지능 교육

인공지능의 개념과 원리, 언플러그드 활동을 통해 인공지능을 이해하고 인공지능 모델을 활용한 프로그래밍 수업 안내, 인공지능 수업사례를 보여주는 콘텐츠

http://kocw.net/home/search/kemView.do?kemId=1401797

개발파트: 트롤리 딜레마와 인공지능의 영향, 데이터 편향성과 문제점

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

목차(클릭하세요)

쉽고 재밌기만 한 교육은 독이다. 재미있으니까 교육에 쓰자는 말로 에듀테크를 합리화 해서는 안된다. 에듀테크는 사용하기전 사용의도가 반드시 존재해야 한다. 이븐하지 않은 교사들이 단지 재미를 위해 에듀테크 사용을 권장한다면, 다시 생각해 보자 By 자칭 Edu슐랭 3Star

[참고 문헌1]:

ㅍㅍㅅㅅ쉽고 재밌기만 한 교육은 독이다

[참고 문헌2]

Brunch Story10화 [브런치북] 쉽게 가르치고 쉽게 배워야 한다?

** 이 원문글이 너무 좋아 글의 일부를 차용하되, 저자의 생각을 덧붙임

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

1-1. 다음 2가지 강의(수업)상황 중 무엇이 더 나쁠까?

•

상황1. 재미는 있는데, 듣고나면 뭘 들었는지가 생각이 안난다

•

상황2. 들을때는 괴로웠는데, 자꾸 그 때 들었던 그 내용을 찾아보고 싶고 관심이 생긴다.

1-2. 강사(교사)의 가치

•

재미있는 연수라.. 너튜브에만 가도 흘러 넘치는 유머러스한 영상

•

정말 시간내서, 얻고 가는게 없다면, 단순히 재미있었던 그 수업은 어떤 가치가 있을까?

교육의 본질을 회피하지 말자.

AI교육에 대한 철학

목차(클릭하세요)

일개 개미인 우리는 테라바이트의 시대에 살고 있나???

1. 데이터 저장단위의 발전사?

2. 포인트

2-1. 테라 바이트

•

현재까지 일반적으로 구할 수 있는 저장장치중에선 가장 큰 용량 단위

2-2.엑사바이트

•

2020년 11월, 구글이 구글포토의 저장용량 무제한 정책을 폐지한다고 밝힘

•

 그와 동시에 구글 포토에 저장된 사진 개수가 총 4조장에 육박한다고 밝힘

단순 산술로 1장에 5메가바이트 정도만 차지한다고 하더라도 20엑사바이트

•

그 외 유튜브나 사진자료 외의 클라우드 디스크까지 합한다면 구글은 현재는 30엑사바이트는 넘는 데이터센터규모를 운영중인 것으로 예상됨

2-3.제타바이트

•

미국의 리서치 기업 IDC(International Data Corporation)에 의하면 2018년을 기준으로 인류가 지금까지 생산해 낸 모든 데이터의 총합이 33 제타바이트를 넘겼음?

데이터 저장단위

목차(클릭하세요)

한줄평: 철학을 가진 에듀테크 활용 수업에 ‘입문’하고 싶은 ‘초등교사’에게 추천 뒤로 갈수록 중등교사에 공감&매력을 느낄만한 내용요소가 부족해지는 점이 다소 아쉬움

1. Book information

1-1. 이미지&발행정보

•

2024년 06월 20일

1-2. 저자, 출판사

•

유수근, 앤써북

•

예스24교실에서 바로 통하는 배움중심수업 에듀테크와 AI로 확!잡자 - 예스24

1-3. 책을 사게 된 동기

•

일반적인 에듀테크를 개괄, 보여주는 책이 아닌 ‘배움중심’의 철학을 녹여냈을 것이라는 기대감!!

•

이미지 출처: 2024년 대한민국 에듀테크 마켓맵 출간

‘배움중심 수업 에듀테크와 AI로’ Review

목차(클릭하세요)

aiEDUAbout — aiEDU

1. 메인페이지

About — aiEDU

The AI Education Project is a 501(c)(3) non-profit that creates equitable learning experiences that excite and empower students everywhere with AI literacy. We believe that everyone—especially those who are likely to be disproportionately impacted by AI systems—should have access to the conceptual knowledge and skills they need to thrive as workers, creators, consumers, and citizens.

https://www.aiedu.org/about

1-1. 취지

aiEDU는 기초적인 AI 리터러시를 구축하는 공평한 학습 경험을 만드는 비영리 단체입니다. 10주든 5분이든, 사용하기 쉬운 매력적이고 무료 커리큘럼을 제공합니다.

1-2.AI에 대한 PDF수업자료 다운로드

Teach AI — aiEDU

Whether you’re taking a deep dive or just dipping your toes in, we have everything you need to teach AI with ease.

https://www.aiedu.org/teach-ai

2. 커리 큘럼 신청하기

2-1.

AI_Edu

목차(클릭하세요)

링크:

네이버 블로그 | 클리나멘, 작은 차이가 만드는 큰 변화에듀테크 정보공유 카페를 개설합니다.

1. 메인페이지

1-1. 블로그

온라인 학습지에 손글씨 추가하여 제출하기 : 구글 클래스룸 마크업

수업에 디지털 기술을 활용하는 에듀테크툴들 중 선호도가 높은 도구들은 특징이 있다. 바로 기존의 오프라...

https://blog.naver.com/edu-next/222883632563

1-2.까페

cafe.naver.com

https://cafe.naver.com/edutechnomad

2. 제목

2-1.

2-2.

3. 제목

3-1.

3-2.

초등샘의 에듀테크 까페

목차(클릭하세요)

소책자 인쇄 방법

목차(클릭하세요)

유료화된 미드저니에 대항할만한 강력한 고퀄 이미지 생성 사이트(하지만 사실상 레오나르도로 유료)

1. 접속 및 가입시 유의점

•

하루 150크레딧 제공

•

그림 1장 생성시 2~3크레딧 정소 소요

•

그림 2장 동시 생성시 4~5크레딧 소

•

매일 아침이 되면 150크레딧 재지급

1-1. 메인페이지

AI Art Generator - Create Art, Images & More | Leonardo AI

Transform your projects with our AI image generator. Generate high-quality, AI generated images with unparalleled speed and style to elevate your creative vision

https://leonardo.ai/

1-2.가입시 유의점

•

I confirm that I am over 18 and want to show NSFW content by default 설정을 끈 상태로 가입(유해 콘텐츠를 보이지 않도록 설정)

2. Community Feed 사용

•

Community Feed에서 원하는 작품을 선택한 다음 3가지 방법으로 변형 가능

leonardo.ai

목차(클릭하세요)

visual blocks for ML를 줄여서 Visual Blocks로 명침함(약어: VB) visual studio code도 vsc로 부르니까

1. 접속 페이지

•

ML용 Visual Blocks는 코드가 없는 그래프 편집기에서 ML 파이프라인을 생성할 수 있는 Google 시각적 프로그래밍 프레임워크입니다. 귀하와 귀하의 사용자는 모델, 사용자 입력, 프로세서 및 시각화를 포함한 드래그 앤 드롭 ML 구성 요소를 연결하여 워크플로의 프로토타입을 신속하게 만들 수 있습니다.

Visual Blocks

Drag and drop off-the-shelf ML components with Visual Blocks. A fast, easy way to prototype ML pipelines – no expertise or coding required.

https://visualblocks.withgoogle.com/#/#top

[주의]

비슷한 사이트로 https://mlblocks.com이 있으나 전혀 다른 사이트임을 잊지 말자!

1-1. Visual Block for ML의 특징

•

ML 기반 실시간 멀티미디어 애플리케이션의 개발 장벽이 낮아집니다.

•

사용자가 코딩이나 기술적 세부 사항에 대해 걱정하지 않고 실험할 수 있도록 지원합니다.

•

신체 분할, 랜드마크 감지, 인물 심도 추정과 같은 일반적인 작업을 위해 사전 제작된 모델과 데이터 세트를 제공합니다.

•

다양한 유형의 입력 데이터(이미지, 비디오, 오디오(출시 예정)) 및 출력 형식(그래픽, 사운드)을 지원합니다.

•

드래그 앤 드롭 작업과 매개변수 슬라이더를 사용하여 대화형 데이터 확대 및 조작을 제공합니다.

•

파이프라인의 다양한 단계에서 모델과 출력을 나란히 비교할 수 있습니다.

visual blocks for ML

목차(클릭하세요)

주린이들을 위한 용어 정리! 세세한 내용보단 큰 개념에 집중하

중학생도 이해가능한 '주식 투자 지표'와 워런버핏 형의 2대 원칙

간략하게 표현한 지표 개념 입문 영상입니다. 보다 자세한 내용 또는 수식은 교과서를 참고하시길 부탁드립니다. 어렵고 딱딱한 경제,시사,금융 이야기를 쉽고 유쾌하게 풀어내는 슈카아재의 경제/시사/이슈/잡썰 토크방송입니다. #주식지표 #ROE #PER

https://www.youtube.com/watch?v=uhqFaT0YI1w&ab_channel=슈카월드

1. 기초-PER, PBR, ROE

1-1.PBR

•

높으면 고평가

1-2.PER

•

높으면 고평가

1-3.ROE

•

회사 보유 자본 대비 발생하는 이익

•

자본대비 수익률과 비슷한 개념

•

ReTurn on Equity

주식 용어Easy버전(작성 중)

목차(클릭하세요)

현존하는 최고의 PPT생성 AI서비스

1. gamma소개

•

구글 계정으로 간단히 로그인할 수 있음

•

가입시 400크레딧 제공

1-1. 특장점

•

AI를 활용하여 사용자가 쉽고 빠르게 프레젠테이션(PPT)을 제작할 수 있는 웹 기반 도구

1-2.접속

gamma.app

https://gamma.app/?lng=ko

2. 3가지 핵심 기능

2-1. 텍스트로 붙여넣기

PPT생성1-gamma.app

목차(클릭하세요)

1. tome.app

•

구글 계정으로 간단히 로그인하기

Tome | Polished & Professional AI Presentations

Tome is more engaging than a slide deck, and easier to build than a webpage. Use AI to quickly create multimedia presentations, microsites, and more.

https://tome.app/

•

 AI 기반의 프레젠테이션 도구로, 사용자가 입력한 프롬프트를 기반으로 빠르고 직관적으로 매력적인 프레젠테이션을 만들 수 있도록 도와줌

•

페이스북과 인스타그램 출신의 제품 관리자들이 만들었으며, 5개월 만에 100만 사용자를 모아 화제가 되었음

•

마찬가지로 크레딧을 활용하여 일정부분 맛보기 체험 가능

2. 간단 시작

•

해당 사이트로 크레딧으로 서비스를 이용하는 형태이니 남은 크레딧 잘 확인하기

2-1. AI로 생성

•

바로 프리젠테이션을 생성가능

2-2.새로운 Tome

PPT생성2-tome.app

목차(클릭하세요)

오늘의 핵심: 프롬프트 뒤에 반드시 ~~~을 붙여보자.. 훨씬 더 신뢰있는 대답을 얻을 수 있습니다 신뢰성 있는 대답을 얻는다는 것은 곧 할루시네이션을 피할 수 있다는 의미

1. 요즘 들어 부쩍 수상해진 GPT

•

오늘의 프롬프트는 미국의 핫한 7대 기술주(=우리는 이것을 매그니피센트 7)가 가진 특징, 트레이드 마크, 어떤 부분에서 혁신적이였는지?에 대한 것들

•

기준일: 2024.2.28, 이때는 매그니피세트7의 기세가 하늘을 찢을 듯한..

•

동일 프롬프트

1-1. GPT

•

GPT4를 사용하는데도 왜 이럴까요? 나 한국인이거 반영한거야?

•

GPT-3.5로 물어보면.. 23년 자료는 반영안되었을테니. 결과가 뻔함

•

더 이상 대화가 안될 듯 하여 다른 플랫폼의 생성 답변을 확인해 보기로.

1-2. not GPT

6.GPT신뢰를 얻는 가장 확실하고 간단한 비기

목차(클릭하세요)

delay함수가 이상한 이유: 매개변수에 정한 시간(밀리 초) 동안 프로그램 멈춤. (1초는 1000 밀리 초) 멈춘동안 다른 그 어떤것도 하지 못함

1. delay()함수의 딜레마

Q. 아두이노에서 다음과 같은 상황이 가능할까?

•

초록불은 1초마다 깜빡이고, 빨간불은 버튼 클릭시에만 불이 켜지는??

이런 식의 작동방식이 떠오르겠지만, 결론은 안됨

•

왜? 안될까? 

delay()함수를 사용하게 되면 delay시간동안 아무것도 하지 않고 “기다리기 때문”에 하나의 동작이 끝나야 다음 동작을 하게 됨

결론: 여러가지의 동작(=작업)을 동작하려는 시간에 정확하게 동작하게 하기 위해서는 delay가 없는 코드를 사용해야 함

1-1. 해결방안 3가지

시간 분할 방식 (Time Division Multiplexing):

인터럽트 기반 방식

millis()를 활용한 아두이노 중수되기

목차(클릭하세요)

절친한 친구라고 설명하는 아두이노 책들이 많은데?? 팩트 체크 해봅시다!

1. 아두이노 관련 기초지식

1-1. 어원

•

이탈리아어: 아르두이노 디브레아에서 유래

•

유럽 이탈리아의 북서부 지역의 이브레아라고 하는 작은 도시에 있는 IDII(=Interaction Design Institute Ivrea)에 있던 인물들이 개발

•

아두이노라는 이름이 아두이노 프로젝트에 선택된 이유

1-2. 아두이노가 만들어진 년도

•

2005년

2. 우노 R4와 개발환경 2.x

절칠한 친구?-아두이노

Uno R4 시작하기

millis()를 활용한 아두이노 중수되기

아두이노 Basic

목차(클릭하세요)

R4버전을 오류없이 사용하려면 IDE버젼을 최신으로 유지해야 함

1. R4를 구매하는 결정적 이유

1-1. 매우 매력적인가??

•

물론, 마이크로 비트를 모방했다하면 할말이 없겠지만

1-2. 테트리스 애니메이션으로 test

docs.arduino.cc

A step-by-step guide to install the board package needed for the UNO R4 WiFi board.

https://docs.arduino.cc/tutorials/uno-r4-wifi/r4-wifi-getting-started/

•

UNO R4 WiFi에는 테트리스 애니메이션이 사전 로드되어 있음

•

애니메이션을 test해보기

2. LED 제어 익히기

docs.arduino.cc

Get off the ground with the Arduino UNO R4 WiFi built-in LED matrix. Learn the different techniques for controlling it, create animations, graphics or even games.

https://docs.arduino.cc/tutorials/uno-r4-wifi/led-matrix/

Uno R4 시작하기

목차(클릭하세요)

1. 제목1

1-1.

1-2.

2. 제목

2-1.

2-2.

3. 제목

3-1.

3-2.

파이썬으로 아두이노 RGB LED제어

목차(클릭하세요)

1. 제목1

1-1.

1-2.

2. 제목

2-1.

2-2.

3. 제목

3-1.

3-2.

아두이노 + 인공지능

목차(클릭하세요)

파이썬으로 아두이노 RGB LED제어

아두이노 + 파이썬

목차(클릭하세요)

인라인 제안만 + 다른 제안만으로도 밥값 다함.

코딩속도 200%? 코파일럿 제대로 활용하는 꿀팁!

코파일럿 얼마나 잘 활용하고 계신가요..!? 니꼬쌤이 알려주는 코파일럿 극한으로 뽑아먹기...! #코파일럿 #copilot - 📌 이어드림스쿨 : 청년 대상 집중 AI 교육 프로그램 - 자세히 알아보기 : https://yeardream.ninehire.site/ - 주최: 중소벤처기업부, 주관 : 중소벤처기업진흥공단 - 모집기간 : ~2.26 (월) 16시 마감! - 이어드림 메타버스 바로가기(2.21일 수요일 18시 Q&A 진행, 졸업생의 프로젝트 소개) : https://zep.us/play/8l6KnP

https://www.youtube.com/watch?v=xx7Ykh0VpF0&ab_channel=노마드코더NomadCoders

1. 코파일럿의 숨겨진 기능

1-1. 다른 제안을 받는 방법

•

AlT + ] , Alt + [

•

다른 제안을 확인한 다음 Tab 키를 눌러 수락

1-2.인라인 코드에서 사용할 수 있는 기능들

[사용법] 윈도우 기준: ctrl + i

•

doc: 함수의 문서(=설명서)를 작성

•

explain: 코드의 내용에 대해 일괄적으로 설명

코파일럿 숨은 기능

목차(클릭하세요)