최종프로젝트의 브로슈어를 제작 중 아키텍쳐가 필요했다.
아키텍쳐
활용 사이트 https://www.cloudcraft.co/
피드백
- 어떤 식으로 굴러가는지 기능별로 흐름이나 아키텍쳐를 간결하게 구조도처럼 개발자스럽게 수정하면 좋을 것 같다.
- 기능 명세서도 추가하면 좋을 것 같다.
피드백 적용
- 다이어그램
- 기능명세서
구분 | 주요 기능 | 상세 기능 | 비고 |
홈 | 이벤트 페이지 | 캐러셀을 통해 스터디 관련 이벤트 확인 | |
검색 | 검색으로 원하는 스터디 조회 | ||
인기스터디 | 인기스터디를 캐러셀로 확인 | ||
모집글 | 최신순, 태그 필터링 순으로 모집글 조회 | ||
찜 | 모집글 찜 -> 마이페이지에서 찜 리스트 조회 | ||
인증 인가 |
소셜 로그인 | supabase auth 소셜 로그인 연동 (카카오 / 구글) | |
이메일 로그인 / 회원가입 | |||
마이페이지 | 프로필 관리 | 프로필 이미지, 닉네임 수정 | |
작성한 글 | 작성한 모집글 조회 및 수정페이지로 이동, 모집글 삭제 | ||
찜 목록 | 찜 리스트 캐러셀 조회 | ||
탈퇴 | 서비스 회원 탈퇴 | ||
스터디 생성 모집글 작성 |
스터디 생성 | 스터디 생성 후 모집글 작성 이동(여부 선택) | |
모집글 작성 | 시작예정일, 내용 등을 입력해 스터디원을 모집할 수 있음 | ||
모집글 수정 | 모집글 수정 모드로 변경해 내용 수정 | ||
모집글 상세 | 모집글 수정/삭제 | 모집글 수정페이지로 이동, 모집글 삭제 | |
댓글 | 로그인 사용자 댓글, 대댓글 입력 | ||
공유하기 | 모집글 url 자동 복사 | ||
신청하기 | 스터디 신청 한마디 입력 후 신청가능(스터디 매니저는 신청불가) | ||
찜 | 모집글 찜 -> 마이페이지에서 찜 리스트 조회 | ||
스터디 관리 | 일정 확인 | 주간 캘린더를 통해 스터디 일정 확인 및 스터디 룸 접속 | |
신청한 스터디 | 신청한 스터디 리스트 확인 | ||
나의 스터디 | 내가방장 - 스터디원 관리(신청승인, 강퇴, 방장위임) 및 스터디 내용 편집, 스터디 룸으로 이동 가입한 스터디 - 스터디 룸으로 이동 |
||
스터디 룸 | 스터디 시간 | 방장이 등록한 스터디 일정 확인 | |
오픈채팅방 | 오픈채팅방 링크로 이동 | ||
데일리플래너 | 개인별 목표 작성 및 관리 | ||
타이머 | 스톱워치 기능으로 순공시간 측정 및 공부 시간 달성률 확인 | ||
출석인원 | 출석률과 공부시간 달성 인원이 집계되어 스터디 그룹점수로 반영 | ||
캘린더 | 방장이 캘린더를 통해 스터디 일정 등록 및 수정, 삭제 | ||
회고록 | 팀원별 회고록 조회, 각자의 회고록만 수정가능, 로그인한 사용자가 가장 위쪽에 정렬 | ||
랭킹 | 주간 랭킹 | 스터디 그룹 점수로 주간 스터디 랭킹 조회 | |
스터디 프로필 | 각 스터디 클릭하여 스터디 그룹 프로필 조회 |
🧐 느낀점
전부 처음 작성 해보는 것들이라 조금 어려움이 있었는데 특히 아키텍쳐 부분은 감이 안잡혀서 구글링을 통해 따라 만들어보았다.
우리 팀의 프로젝트는 기능이 많아서 처음에는 모든 기능을 한눈에 파악하기 어려울 수 있다는 생각도 들었다.
그러나 다이어그램과 기능 명세서를 작성하면서, 비록 아직 완벽하지 않지만, 프로젝트의 기능들을 좀더 명확하게 정리할 수 있었다.
이를 통해 사용자에게도 더 나은 편의를 제공할 수 있을 것 같고 나또한 작성 과정을 통해 각 기능을 더 세세하게 이해하고 살펴볼 수 었던 시간이었다.
'TIL' 카테고리의 다른 글
Tailwind css 로 반응형 구현하기 (1) | 2024.11.18 |
---|---|
favicon & og 설정하기 (0) | 2024.11.14 |
더보기 기능 구현하기 (0) | 2024.11.12 |
css 우선순위 문제 (0) | 2024.11.11 |
자체 UT 후 계획 및 버그수정 (1) | 2024.11.08 |