전공문제 공유 플랫폼 개발 프로젝트(feat.Express서버)

 

 

지난 4월 29일(화)부터 전공 팀 프로젝트 과제를 하게 되었습니다:D

 

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

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

 

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

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

 

 

 

[ 프로젝트 조건 ]

• Express서버를 사용하여 웹 페이지를 구현해야 합니다.
• SPA 방식을 사용해야 합니다.
• 회원가입, 로그인, 게시판, 댓글 기능이 있어야 합니다.
• 진행 과정을 모두 기록하고 3주 뒤 최종발표를 진행합니다.

 

 

[ 프로젝트 개요 ]

• 해당 프로젝트는 '전공문제 공유 플랫폼'을 개발하는 프로젝트입니다.
• 프로젝트의 기간은 약 3주이며, 팀원은 총 4명입니다.
• 오프라인 미팅은 약 2회 진행합니다.

 

 

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

• '회원가입', '로그인', '게시판', '댓글' 기능이 있는 홈페이지를 구성하고 배포합니다.(+ AI API 활용 기능 추가)
• 팀 주제로 선별된 '전공문제 공유 플랫폼'의 기능은 아래와 같습니다.
  
  • 회원가입 및 로그인
  • 게시판에 게시물 등록 가능(과목 카테고리 지정 가능, 해결/미해결 분류 가능, 첨부파일 업로드 가능)
  • 카테고리별 필터 및 검색기능 제공
  • 댓글 기능(첨부파일 업로드 가능)
  • 마이페이지 기능 제공(프로필 이미지, 닉네임, sns링크 등록 가능)
  • 간단한 챗봇 추가(홈페이지 사용 보조)
• 주제 선정 목적
  • 학과의 학우들끼리 전공 관련 문제를 공유하고 풀이가 가능한 학우가 풀이내용을 댓글을 통해 공유함으로써, 학과 학생들의 자발적 문제해결 능력 및 학업 성취도 증가 

 

 

[ 개발 도구 및 언어 ]

(백엔드 : 서버)

• Node.js, Express(서버), Heroku(배포), JavaScript, Swagger, jwt, GPT API

(백엔드 : DB)

• JavaScript, MongoDB(Compass, Atlas 포함), Postman

(프론트 2명)

• V0(UI구현), React, TypeScript, CSS, API, Vercel(배포)

(기타 도구)

• Figma(프로토타입 모델 구현)
• GitHub(협업 툴) / git
• VScode(코드 디버깅)
• GPT, Claude(개발 보조)
• EsLint

 

 

[ 역할 분배 ]

• 팀원 A : '프론트 담당' | UI/UX 및 전반적인 프론트 페이지 개발(반응형) / 서버 연동 및 테스트
• 팀원 B : '프론트 담당' | UI/UX 및 전반적인 프론트 페이지 개발(반응형) / 서버 연동 및 테스트
• 팀원 C : '백엔드 DB 담당' | DB구축 및 인덱스, 컬렉션 정의
• 팀원 D : '백엔드 서버 담당' | 서버 구현 / api연동 시 이슈사항 해결 / 유틸기능(첨부파일 업로드 등) 개발 및 오류처리
• 공통 : 작업 내용 기록 및 PPT 내용 제작

 

 

[ 다이어그램 ]