🏆 AI스터디 16기 2주차 베스트 사례 큐레이션 - 개발&자동화

📚 16기 노션자동화

✍️ Notion에 입문한 건축가, 공사관리 자동화 시스템 구축-1

페이퍼비

요약

• 건축 공사 관리에 Notion을 활용한 자동화 시스템 구축 사례

• 기존의 복잡한 문서 관리와 승인 절차 문제 등을 해결하기 위해 Notion을 이용해 중앙화된 시스템을 구축하려 함

• 🍯 자동화와 통합된 시스템 구축은 시간 단축과 투명한 관리를 가능하게 한다.

활용 툴

• Notion - 데이터베이스와 문서 관리의 메인 플랫폼

• Notion API - 자동화 및 외부 시스템 연동

• Claude MCP - 포뮬러 수식 및 질의응답 활용

진행 방법

1. 문제점 파악 및 해결 목표 설정 (복잡한 문서 관리와 승인 절차 문제 해결)

2. Notion 데이터베이스 설계 (문서 정보, 작업 흐름, 자동 계산 등 필드 구성)

3. 자동화 기능 구현 (날짜 계산, 상태 업데이트 자동화)

4. 검색 및 필터링 시스템 설정 (분야별, 공정별, 상태별 필터링)

5. 주요 구현 화면 설계 (전체 문서 현황 대시보드, 담당자별 작업 목록 등)

6. 피드백 및 시스템 개선 (실제 프로젝트에 적용 후 피드백 반영 및 업데이트)

📚 16기 문과생도n8n

✍️ n8n으로 ‘블로그 글 모니터링 → 대시보드’ 자동화 , 7개 지점 포스트를 실시간 집계 자동화 성공

민경준

요약

• n8n을 사용하여 7개 지점 블로그 글을 자동으로 모니터링하고 통합 시트로 업데이트한 사례

• 수작업으로 시간 소모되고 중복 오류 가능한 블로그 모니터링을 자동화하여 효율성을 높이고자 함

• 🍯 자동화 시 워크플로우 설계는 간단하게 시작하고, 필요 시 AI 도움을 받는 것이 효과적이다.

활용 툴

• n8n - 블로그 RSS 수집 및 필터링

• Google Sheets - 통합 시트 업데이트 및 데이터 집계

• ChatGPT - Function 노드 코드 작성

진행 방법

1. RSS 피드 수집 (n8n으로 7일 이내의 블로그 글만 조회)

2. 중복 링크 제거 (RSS 링크에서 쿼리스트링 제거 후 중복 검출)

3. 구글 시트로 데이터 적재 (새로운 글만 Google Sheets에 Append)

4. 데이터 집계 (지점별 탭, 통합 탭으로 데이터 정리)

5. 워크플로우 간소화 (지점별로 각각 워크플로우 구성)

배운 점

• 복잡한 워크플로우는 단계별로 분리하면 단순해진다.

• 워크플로우 설계 시 기본 뼈대를 먼저 잡고 AI의 도움을 받으면 효과적이다.

📚 16기 바이브디버깅

✍️ AI 노코드 툴로 포트폴리오 사이트 만들기: v0 vs Lovable 비교 분석

Jinmin

요약

• AI 노코드 툴로 포트폴리오 사이트를 제작한 사례

• AI 도구 v0와 Lovable을 비교, 각자의 장단점을 통해 어떤 도구가 더 효율적인지 파악하고자 함

• 🍯 다양한 AI 노코드 툴을 시도해보며 프로젝트에 가장 적합한 툴을 선택해야 한다.

활용 툴

• v0 - Next.js와 React 기반의 UI 생성

• Lovable - Vite와 React 기반의 엔드투엔드 솔루션 제공

진행 방법

1. v0 사용으로 포트폴리오 사이트 시작 (React와 Tailwind CSS로 컴포넌트 생성)

2. 프로젝트 프롬프트 작성 (개인의 전문성을 어필하는 내용 포함)

3. Next.js와 React 결합으로 사이트 생성 (Next.js 파일 기반 라우팅 활용)

4. Lovable을 사용한 대체 실험 (ESG 및 프로그래밍 포트폴리오 웹사이트 제작)

5. Vite와 React 사용하여 사이트 구성 (Supabase 연동으로 데이터베이스 관리)

6. 사용자의 목표와 요구 사항에 맞춰 콘텐츠 포함 (ESG 및 기술 관련 콘텐츠 강조)

📚 16기 Firebase

✍️ Firebase Studio로 해커뉴스 AI 뉴스 요약 웹앱 만들기

허태명

요약

• Firebase Studio로 해커뉴스 AI 뉴스 요약 웹앱을 만든 사례

• 해커뉴스 API로 데이터 수집을 쉽게 하여 빠르게 프로토타입 제작 및 배포를 목표로 함

• 🍯 Firebase Studio는 프로토타입 제작에 최적화되어 있지만, 복잡한 서버 로직에는 템플릿 방식을 고려해야 한다.

활용 툴

• Firebase Studio - 프로토타이핑 에이전트로 웹앱 개발

• Genkit, Gemini - AI 뉴스 요약 생성

• Firebase App Hosting - 웹앱 배포

• Cursor - 코드 작업 및 개발 확장

진행 방법

1. Firebase Studio의 프로토타이핑 에이전트 모드를 사용해 웹앱 개발 시작 (디자인 및 초기 설정)

2. 해커뉴스 API를 통해 데이터 수집 (API 호출로 뉴스 데이터 확보)

3. AI 도구로 뉴스 요약문 생성 (Genkit, Gemini 사용)

4. 웹앱에서 요약 결과를 사용자에게 제공 (프론트엔드 제작)

5. Firebase App Hosting을 통해 웹앱 배포 완료 (신속한 배포 진행)

📚 16기 n8n에이전트

✍️ 📝 아이패드로 공부하는 사람 집중 - n8n, appscript, 굿노트 자동화

허세임

요약

• 아이패드를 통해 영어 학습 자료를 자동화하여 공부하는 사례

• 관심 있는 분야의 영상과 기사로 영어를 공부할 때 자료의 정리 및 활용성을 높이기 위해 AI 도구와 자동화 스크립트를 활용함

• 🍯 학습 자료를 자동화하면 관심사를 기반으로 더 효과적이고 지속적인 학습이 가능하다.

활용 툴

• n8n - 기사 원문 및 유튜브 스크립트의 표현 추출

• Google Apps Script - HTML 템플릿 적용하여 PDF 파일 생성 및 굿노트 전달

• Claude - 문장별로 유용한 표현 추출 및 예문 생성

진행 방법

1. URL 분류 및 원문 추출 (유튜브나 웹페이지 식별 후 스크립트/원문 확보)

2. 문장별 표현 추출 (Claude AI 활용하여 JSON 형태로 표현 구조화)

3. 데이터 전송 및 분할 (5분마다 5문장씩 포스트 요청)

4. 표현별 예문 생성 (한 문장씩 요청받아 AI로 맞춤 예문 생성)

5. 영어 표현 데이터 저장 (Google Sheets에 저장 후 진행 대기)

6. HTML 템플릿 적용 (구성된 Claude 결과를 활용하여 학습 카드 제작)

7. PDF 파일 생성 및 저장 (구글 드라이브에 PDF 저장)

8. 굿노트 앱에 학습 자료 추가 (이메일로 전송하여 자동 임포트)

📚 16기 Cursor

✍️ Flora Bota 🌸 보태니컬 아티스트의 브랜딩 사이트: Cursor로 개발하고 Vercel로 배포하기

김이언

요약

• 보태니컬 아티스트의 브랜딩 사이트를 AI 도구로 개발한 사례

• 비개발자가 AI 기술을 활용해 포트폴리오 사이트를 손쉽게 만들고 배포하는 과정을 통해 기술적 도전 과제를 해결

• 🍯 AI 도구는 복잡한 기술을 간소화하여 비전문가도 효과적으로 문제를 해결할 수 있게 해준다.

활용 툴

• Claude - 사이트 기획 및 브레인스토밍

• GPTs - PRD 작성 지원

• Cursor - 코드 개발 및 관리

• OpenAI API - AI 챗봇 기능 구현

• Midjourney - 보태니컬 아트 이미지 생성

• Github - 사이트 파일 관리

• Vercel - 사이트 배포

• Perplexcity - 기술적 질의응답 지원

진행 방법

1. 개발 목표 설정 (브랜딩 포트폴리오 및 소통 채널 구축)

2. 주요 기능 정의 (PRD로 메인 페이지, 포트폴리오, AI 챗봇 등 설계)

3. 기술 스택 구성 (React, Tailwind CSS, OpenAI 등 활용)

4. 디자인 시스템 설계 (색상 팔레트, 타이포그래피 설정)

5. 사이트 구조 개발 (Cursor로 페이지 및 컴포넌트 생성)

6. AI 챗봇 구현 (API Key 환경 변수에 저장, 응답 최적화)

7. 소스 관리 및 배포 (Github 연동 후 Vercel로 배포)

8. 라우팅 문제 해결 (vercel.json 파일로 SPA 라우팅 문제 수정)

9. 사이트 결과 검토 및 학습 점검 (향후 기능 확장 계획 수립)