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

📚 18기 뇌과학

✍️ [개발 생존 기록] 커서 설치부터 러시안 룰렛까지, 생존입니다 🔫

B.K

하려던 것 📝

• 게임 개발 툴과 환경이 생소한 상태에서 러시안 룰렛 게임을 구현한 사례

• 심리 게임 요소를 가미한 러시안 룰렛 게임 개발하기

• 초보자도 쉽게 접근할 수 있는 간단한 게임 구조 만들기

활용한 툴 ⚒️

• Cursor: 코드 작성 및 수정

• GPT-4: 코드 생성 및 오류 해결

• Node.js: 개발 환경 구축

• GitHub: 코드 버전 관리

• Midjourney: 게임 이미지 생성

• React + TypeScript + TailwindCSS: 프레임워크 및 스타일링

진행 세부 내용 🔍

1️⃣ 초기 환경 설정

• Windows 환경에서 Git과 Node.js 별도 설치 진행

• Cursor와 GitHub 연동 작업 수행

2️⃣ 게임 기본 구조 개발

• GPT를 활용해 러시안 룰렛 기본 로직 구현

• 버튼 클릭 시 랜덤 발사 기능 구현

• 게임 UI 픽셀 스타일 적용

3️⃣ UI/UX 개선

• 회전하는 로딩 화면 구현

• 채팅 박스를 통한 게임 힌트 메시지 출력

• 반응형 디자인 적용으로 모바일 대응

📚 18기 클로드코드

✍️ 클로드코드 Context7 MCP 를 이용한 코드 리뷰 agent , 작업일지를 사례글로 작성하는 명령어 만들기

이지영

하려던 것 📝

• Context7 MCP를 활용하여 코드리뷰 에이전트를 생성하고 사례 기록 자동화한 사례

• 인기있는 MCP 설치 및 활용 방법 탐색

• 사례 연구를 자동으로 기록하는 명령어 시스템 구축

활용한 툴 ⚒️

• Context7 MCP : 코드 리뷰 에이전트 생성

• Smithery.ai : MCP 설치

• Cursor : 파일 열람

• Claudecode : 커스텀 명령어 생성

진행 세부 내용 🔍

1️⃣ MCP 설치

• Smithery.ai 사이트에서 Context7 원라인 설치 코드 확인

• 복사 붙여넣기로 간단히 설치 진행

• 인증 과정 완료

2️⃣ 코드 리뷰 에이전트 생성

• /agents 명령어 사용

• 'Context7 MCP 서버를 활용해 최신문서에 뒷받침된 정밀화된 코드 리뷰' 프롬프트 입력

• Enter 4회 입력으로 에이전트 자동 생성 완료

3️⃣ 사례 연구 명령어 생성

• case-study 명령어 생성하여 작업 내용 자동 기록

• 파일 저장 기능 포함

• /exit 후 재로그인으로 명령어 활성화

📚 18기 n8n자동화

✍️ n8n + AI 요약 뉴스: 매일 아침 텔레그램으로 받아보기 자동화

서윤닝

하려던 것 📝

• AI 뉴스를 매일 아침 텔레그램으로 자동 요약 받아보는 워크플로우를 구축한 사례

• AI 뉴스 자동 수집 및 요약으로 정보 습득 시간 절약하고자 함

• MIT Tech Review AI 섹션의 최신 뉴스 5개를 자동 요약하여 전달하고자 함

활용한 툴 ⚒️

• n8n: 워크플로우 자동화 구축

• ChatGPT: 초기 JSON 워크플로우 아이디어 구상

• Claude: 상세 JSON 워크플로우 생성

• Telegram: 뉴스 전달 플랫폼

진행 세부 내용 🔍

1️⃣ 초기 워크플로우 설계

• ChatGPT에 JSON 워크플로우 생성 요청하였으나 완성도가 부족함

• Claude에게 동일 요청 시 9가지 필요 정보를 먼저 확인 후 상세 JSON 제공받음

2️⃣ 워크플로우 구현 및 설정

• n8n에서 Schedule Trigger 설정: 매일 08:00 (Asia/Seoul)

• MIT Tech Review AI 섹션 RSS 피드 연동

• 텔레그램 봇 생성 및 API 토큰 설정

📚 18기 CTO

✍️ Make vs n8n - 1.SOLAPI 카카오 알림톡 구현

리부티너

하려던 것 📝

• Make의 로직을 n8n으로 이전하며 두 도구의 차이점을 비교 분석한 사례

활용한 툴 ⚒️

• Make: 알림톡 발송 워크플로우 구현

• n8n: Make 워크플로우 이전 및 구현

• SOLAPI: 알림톡 발송 서비스

• Airtable: 채널ID와 템플릿ID 저장

• Telegram: 에러 알림 수신

진행 세부 내용 🔍

1️⃣ 초기 설정

• SOLAPI 계정 생성 및 알림톡 템플릿 승인 진행함

• n8n에서 SOLAPI 연동을 위한 crypto 모듈 환경변수 설정함

• n8n 서버 재배포로 signiture 생성 기능 활성화함

2️⃣ 워크플로우 구현

• Make에서는 내장 SOLAPI 모듈로 간단히 구현함

• n8n에서는 REST API 호출 방식으로 구현함

• HMAC-SHA256 시그니처 생성 코드 작성함

3️⃣ 필터링 구현

• Make는 체인 필터로 간단히 구현함

• n8n은 필터 노드를 별도로 추가하여 구현함

4️⃣ 반복문 처리

• Make는 원형 화살표로 반복 구간을 시각적으로 표시함

• n8n은 Loop Over Items 노드로 반복 처리함

5️⃣ 에러 처리

• 개별 노드 단위와 워크플로우 단위의 에러 처리 구현함

• Telegram으로 에러 알림 발송 기능 구현함

📚 18기 젠스파크

✍️ 4년 전의 내 도자기 디자인, 지금 AI한테 맡기면?

신유빈

하려던 것 📝

• 4년 전 도자기 컵 소서 디자인을 AI 도구로 재현한 사례

• 기존 디자인의 현대적 재해석과 AI 도구의 활용 가능성 탐색

• 디자인 프로세스의 효율화와 시간 단축 실험

활용한 툴 ⚒️

• PRD Builder GPTs: 디자인 요구사항 기획서 생성

• 나노바나나: 도자기 시각화 이미지 생성

• 젠스파크: 채팅 기반 디자인 이미지 생성 및 피드백

진행 세부 내용 🔍

1️⃣ PRD 작성

• PRD Builder GPTs를 통해 제품 기획서 작성함

• 제품명, 핵심기능, 페르소나 등 상세 요구사항 정의함

• 무인양품 감성의 티잔 컨셉으로 방향 설정함

2️⃣ 시각화 도구 비교

• Genspark: 현실적 질감과 컬러감 표현, 즉시 피드백 가능함

• 나노바나나: 다양한 스타일 탐색에 강점, 디테일은 다소 부족함

3️⃣ 결과물 도출

• 10분 내외로 아이디어 스케치부터 시각화까지 완료함

• 기존 디자인과 유사한 결과물 생성에 성공함

📚 18기 Dify

✍️ Dify Knowledge API 를 활용해 매주 지식 파일이 바뀌는 챗봇 만들기 (with 클로드 코드)

윤누리

하려던 것 📝

• 3주간 교육생 실습 프로그램을 관리하기 위해 노션 링크와 연동된 매주 다른 응답이 가능한 챗봇을 만든 사례

• 교육생 정보 관리, 이메일 발송, 실습 체크리스트 안내를 자동화하고자 함

• 프로그램 관리 자동화를 통한 교육 운영 효율성 향상을 목표로 함

활용한 툴 ⚒️

• Dify : 챗봇 개발 및 지식 베이스 구축

• Claude Code : 웹 개발 및 기능 구현

• Notion : 콘텐츠 관리 및 연동

• ngrok : API 엔드포인트 생성

진행 세부 내용 🔍

1️⃣ 노션 연동 챗봇 구축

• Dify의 노션 동기화 기능을 활용해 지식 베이스 구축

• 노션 페이지 수정 시 실시간 응답 변경 여부 테스트 진행

• 수동 동기화 필요성 확인

2️⃣ 클로드코드 기반 개발

• PRD 문서 작성을 통한 개발 요구사항 정리

• 메인 페이지 및 주차별 콘텐츠 제출 페이지 구현

• 파이썬 기반 기능 개발 진행

3️⃣ 외부 지식 API 연동

• Dify API 생성 및 ngrok 엔드포인트 설정

• API 연결 테스트 진행

• 실시간 정보 업데이트 기능 구현 중

📚 18기 카톡봇

✍️ 클로드코드로 카톡봇 개발 환경 만들기

홍진경

하려던 것 📝

• 카카오톡 챗봇의 개발환경 구성과 배포 방식 자동화를 구현한 사례

• PC의 개발환경과 안드로이드 폰의 메신저봇R을 연동하여 효율적인 챗봇 개발환경 구축함

• 배포 과정의 자동화로 개발 생산성을 향상시키고자 함

활용한 툴 ⚒️

• Claude Code: 챗봇 코드 작성 및 커스텀 명령어 설정

• 메신저봇R: 안드로이드에서 챗봇 실행 환경 제공

• 카카오톡: 챗봇 테스트 플랫폼

• ADB(Android Debug Bridge): PC와 안드로이드 기기 연결

진행 세부 내용 🔍

1️⃣ 환경 구성

• PC에서 Claude Code로 Rhino JavaScript 코드 작성함

• USB 연결을 통해 안드로이드 폰과 PC를 연동함

• 메신저봇R 앱을 통해 챗봇 실행 환경을 구축함

2️⃣ 프로젝트 구조화

• PC와 안드로이드에서 동일한 구조의 디렉토리를 구성함

• 봇 소스코드를 Bots 폴더 아래 개별 봇 폴더로 구분하여 관리함

• 폴더명과 파일명을 일치시켜 혼선을 방지함

3️⃣ 배포 자동화

• botpush.md 커스텀 명령어를 생성하여 한 줄 배포를 구현함

• ADB 연결과 PowerShell 경유 과정을 스크립트화하여 자동화함

• PerBot과 HelloBot으로 배포 및 동작 테스트를 완료함

📚 18기 커뮤니티자동화

✍️ 커뮤니티 자동화 스터디 - 1. 팀원 생활 정보 관리 DB 실습

정민_

하려던 것 📝

• 팀원들의 법인카드, 청소, 일정 등 부가 정보를 관리하는 대시보드를 구현한 사례

• 업무 외 팀원 정보들을 체계적으로 관리하고자 함

• 슬랙과 연동하여 자동화된 알림 시스템을 구축하고자 함

활용한 툴 ⚒️

• Airtable: DB 설계, 테이블 생성, 폼 생성, 오토메이션 구현

• 마인드맵: DB 정보 항목 정리

• Slack: 알림 연동

진행 세부 내용 🔍

1️⃣ DB 정보 항목 정리

• 마인드맵을 활용하여 필요한 DB 정보 항목을 정리함

• 관리가 필요한 핵심 정보들을 시각화하여 구조화함

2️⃣ DB 테이블 생성

• 한글로 DB 항목을 설정하여 테이블을 구성함

• 테이블 간 데이터 연동 기능을 활용하여 관계형 구조를 설계함

3️⃣ 폼 제작 및 테스트

• DB 테이블 기반으로 정보 입력용 폼을 생성함

• 지출내역과 청소 기록을 등록할 수 있는 폼을 구현함

• 테스트 데이터 입력을 통해 기능 검증을 완료함

4️⃣ 자동화 구현

• 폼 등록 시 슬랙 알림 트리거를 설정함

• 실시간 알림 시스템 연동을 완료함