클로드와 버블로 매월 MVP 만드는 1인 개발 스터디 - 1주차 스터디 회고

스터디 배경 및 목적

활용 툴

  • 기존에 ChatGPT와 Gemini를 유료로 썼습니다. 이번 스터디를 위해 Claude를 유료로 구독했습니다.

  • 참고로 Claude의 Artifact 기능에 완전 매료 됬네요!

  • 개인적인 생각에 Artifact 기능은 생성 ai를 통해 출력되는 답변 내용에서, 작업출력물에 관한 설명 부분과 작업 출력물 자체를 분리해서, 작업 출력물 자체는 아티팩트 보조창에서 출력하도록 하고, 해당 작업 출력물을 문서나 코드 등 다양한 뷰타입으로 제공하는 기능인 것 같습니다.



1. 프로젝트 개요

1.1 프로젝트명: QuestionCraft (질문 생성 및 평가 플랫폼)

1.2 배경 및 목적

- 현대 사회에서 질문 능력의 중요성이 증대되고 있으나, 학생들의 질문 생성 능력이 부족한 실정 / - 생성형 AI 시대에 질문 능력이 더욱 중요해짐 / - 학생들이 질문을 생성하고, 공유하며, 평가받을 수 있는 전문화된 플랫폼의 필요성 대두

1.3 목표

- 학생들의 질문 생성 능력 향상 / - 질문에 대한 즐거움과 호기심 자극 / - AI 기반의 객관적이고 일관된 질문 평가 시스템 제공

1.4. 대상 사용자

- 주 대상: 초등학교 고학년 ~ 중학생 (10-16세) / - 확장 대상: 고등학생, 대학생 및 평생 학습자, 교사 및 교육 관계자, 학부모 / - 잠재적 대상: 기업 교육 담당자 / 창의적 사고를 필요로 하는 직종의 전문가


2. 주요 기능 (MVP 버전)

1.1 사용자 관리: - 간단한 회원가입(사용자명, 이메일, 비밀번호), 기본적인 로그인/로그아웃 기능

2.2 질문 생성: 텍스트 기반 질문 입력 (최대 500자), 공개/비공개 설정

2.3 질문 공유: 간단한 공개 피드(최신순 정렬), 질문 상세 보기: 내용, 작성자, 시간 표시

2.4 질문 평가: 사용자 평가: 좋아요 기능, 기본적인 AI 평가: OpenAI API 활용, 1-5점 평가

2.5 간단한 대시보드: 사용자 질문 목록 표시, 받은 평가 간단히 확인



3. 기술 스택

  • 개발 플랫폼: Bubble (노코드)

  • API 연동: OpenAI API

  • 디자인: 기본적인 반응형 웹 디자인



4. 1주차 개발 일정 및 현재 진행사항

1) 버블 학습:

  • 지난 8/17(토) 오프라인 학습 진행, 학습한 내용: 버블로 AI 서비스(아이디어 생성기) 만들기

  • 이 외에도, 버블 유튜브 강의 동영상 공부 중

2) 클로드로 IA 작성 완료(링크)

3) 클로드로 기본 UI 가안 작성 완료(링크↓)

1. 홈 화면 (로그인하지 않은 상태)

2. 로그인/회원가입 화면

3. 메인 대시보드(‘새 질문 작성' 플로팅 버튼 포함)

4. 질문 생성 화면 (질문 제출 및 AI 평가 받기)

5. 공개 피드 화면(‘새 질문 작성' 플로팅 버튼 포함)

6. 내 질문 목록 화면(‘새 질문 작성' 플로팅 버튼 포함)

7. 질문 상세 보기 화면

8. 질문 검색 화면

9. 알림 메시지함 화면

10. SNS 공유 화면

11. 설정 화면

12. 프로필 편집 화면 (설정 하위 화면)

13. 비밀번호 변경 화면 (설정 하위 화면)

14. 문의하기 (도움말 및 지원의 하위 화면)

15. 그외 필요한 화면은 웹뷰로 처리(노션페이지 링크 연결): 이용약관 화면(설정 하위 화면), 개인정보 처리방침 화면(설정 하위 화면), 도움말 및 지원 화면(설정 하위 화면), FAQ (도움말 및 지원의 하위 화면)

4) 버블로 실제 UI 구현: 현재 진행중

  • 버블 유튜브 강의영상 공부하면서 시도해 보는 중

  • 설정 편집기, 워크플로우 사용하는게 생각보다 어려워요!! (개발지식 필요)

  • 반응형 디자인 스터디중


결과 및 인사이트

버블을 2년 전에 제가 알았더라면, 아마도 제 인생이 달라지지 않았을까 싶을 정도로, 버블의 가능성에 대해 깜놀하는 중입니다.

버블과 더 친해지고 싶네요. ^^

7
3개의 답글

👉 이 게시글도 읽어보세요