AI로 만든 AI 초보자 커뮤니티
오프라인 코워킹 모임을 온라인으로 옮긴 AI 초보자 커뮤니티. 실전 팁·도구별 초보 강의·AI 뉴스·앱까지 AI와 함께 만들었어요.
왜 만들었나요
강서구 카페에서 모여 각자 일하고, 끝나고 그날 쓴 AI 팁을 나누는 오프라인 모임을 운영하고 있어요. 모임에서 나온 좋은 팁이 단톡방에 묻히는 게 아까웠고, 모임에 못 오는 분들도 AI를 쉽게 배울 곳이 필요했어요. 그래서 "AI 초보자가 부담 없이 들어와서 바로 따라 할 수 있는 곳"을 목표로 코워크루를 만들었습니다.
무엇이 들어 있나요
실전 팁 — 회의록, 엑셀, 발표자료처럼 업무 결과물 중심의 팁. 가입 없이 누구나 읽을 수 있어요.
AI 도구별 초보 가이드 — ChatGPT·Claude·Gemini 등 30여 개 도구를 1강부터 순서대로.
AI 뉴스 — 공식 원문을 확인한 소식만 한국어로 요약.
바이브코딩 — 지금 보고 계신 이 메뉴. 크루들이 AI로 만든 서비스와 만든 과정을 나눠요.
오프라인 코워킹 — 소모임 일정 자동 연동, 모임원 후기(사진 포함).
모바일 앱 — 웹을 감싼 앱으로 푸시 알림까지.
어떻게 만들었나요
코드를 한 줄씩 직접 짜기보다, Claude에게 원하는 화면과 기능을 말로 설명하고 결과를 보면서 고쳐 달라고 하는 방식으로 만들었어요. 디자인 시안을 먼저 정하고 "이 시안 그대로, 톤 깨지지 않게"를 계속 요청한 게 핵심이었어요.
화면·기능 개발: Claude, Claude Code (Next.js)
회원·게시글 데이터와 로그인: Supabase
배포: GitHub에 올리면 Vercel이 자동 배포
앱: Expo로 웹을 감싸 iOS·안드로이드 출시 준비
AI 뉴스·팁 자동 발행: 별도 자동화 에이전트
막혔던 점과 해결
배포 권한 — 처음엔 배포 명령을 매번 직접 쳐야 했는데, GitHub 저장소를 만들고 Vercel과 연결하니 코드만 올리면 자동으로 반영됐어요.
모바일 화면 깨짐 — 홈 배너 글이 길면 버튼이 가려졌어요. "슬라이드마다 버튼 위치가 같게, 전환은 페이드로"라고 구체적으로 요청하니 한 번에 정리됐어요.
권한 설계 — 후기는 모임원만 쓰게 하고 싶었는데, 회원관리에서 '모임원크루'로 지정하는 기능을 추가해 해결했어요.
AI에게 요청할 때 도움 된 말
"현재 톤앤매너 깨지지 않게", "데이터 없어지지 않게 신경 써서", "고치고 배포까지 해줘"처럼 지켜야 할 것과 끝낼 지점을 함께 말하면 결과가 훨씬 안정적이었어요.
사용한 도구: Claude, Claude Code, Supabase, Vercel, Expo