어푸어푸(UPUP) - 러닝메이트 웹앱 개발 프로젝트

 

최근 교내에서 뜻이 맞는 2명과 함께 작은 프로젝트를 진행하게 되었습니다.

 

해당 카테고리는 프로젝트 기간 동안 제가 공부하고 진행한 내용을

정리해 두는 '개발일지'입니다.

 

혹여나 읽으시다가 더 좋은 방법이 있거나 잘못된 정보 및 코드 내용 등이 있을 시에

편하게 댓글 달아주시면 배우는 마음으로 감사히 새겨듣겠습니다:D

 

 

 

 

 

[프로젝트 개요]

• 해당 프로젝트는 '학습 도우미 웹앱'(aka. 러닝메이트)을 개발하는 프로젝트입니다.
• 프로젝트의 기간은 약 7주이며, 팀원은 총 3명입니다.
• 필요에 따라 교수님의 자문을 구할 예정이며 주 1회 오프라인 미팅을 진행하는 것을 원칙으로 합니다.

 

 

[프로젝트 아이디어 분석]

• 학생들이 학습 자료(pdf, hwp, ppt 등)를 업로드하면 해당 내용을 GPT API를 활용하여 분석하고 퀴즈를 생성합니다.
• 퀴즈의 채점이 가능하며 채점과 동시에 문제의 풀이를 확인할 수 있습니다.
• 총 3개의 페이지로 구성되어 있으며 페이지의 구성은 아래와 같습니다.
  • 파일 업로드 페이지(메인) : 업로드 버튼 클릭 시 '폴더명', '폴더 설명', '첨부파일'을 사용자로부터 입력받습니다.
  • 폴더 내의 파일 리스트 페이지(서브1) : 생성된 폴더를 클릭했을 때 해당 폴더 내의 파일들을 확인하는 페이지입니다.
  • 퀴즈 생성 및 채점 페이지(서브2) : 각각의 파일에 '퀴즈생성'버튼을 클릭했을 때 해당 파일의 퀴즈를 풀이할 수 있는 페이지입니다.

 

 

[개발 도구 및 언어]

(백엔드 : 서버)

• 언어 : Python 
• 프레임워크 : FastAPI
• API : GPT API

(백엔드 : DB)

• 언어 : Python
• DataBase : MySQL

(프론트)

• 언어 : React, JS, CSS
• 프레임워크 : Next.js

(기타 도구)

• Figma(프로토타입 모델 구현)
• GitHub(협업 툴)
• VScode(코드 디버깅)
• GPT, Claude(개발 보조)
• Google Sheets(일정관리 : 간트차트)

 

 

[역할 분배]

• 팀원 A : '프론트 담당' | UI/UX 및 전반적인 프론트 페이지 개발
• 팀원 B : '백엔드 서버 담당' | 서버 구현 및 GPT API를 활용한 퀴즈생성(프롬프트 작성) 기능 구현
• 팀원 C : '백엔드 DB 담당' | DB구축 및 업로드된 파일의 id값 관리

 

 

[페이지 테마]

메인 페이지의 테마 초안입니다.

 

 

[팀 프로필 이미지]

팀의 프로필 이미지입니다.