전국 어디에서나, 누구나 간편하게 소모임을 할 수 있도록 ✨
-
기존에 사용하던 당근마켓의 동네모임이나, 소모임 어플은 동네사람들만 모일 수 있거나 어플이 너무 복잡하고 많은 기능을 담고 있다고 생각했습니다.
-
이에 집합은 최소한의 소셜인증만을 통해 간편하게 가입하고, 전국 어디에서나 다양한 카테고리로 모일 수 있도록 고안되었습니다.
-
집합을 설계하고 디자인하면서 가장 중요하게 여겼던 것은 직관성 입니다.
-
깔끔하고 군더더기 없는 사용을 위한 UI와 사용자 중심의 UX를 실현하기위해 많은 노력을 기울였습니다.
-
모바일에 최적화된 웹사이트로 핸드폰만 있어도 간단하게 이용이 가능하며 반응형을 적용하여 데스크탑에서도 아름답게 사용가능합니다.
-
내가 원하는 모임만 쏙쏙! 토글로 간단하게 필터링, 카테고리를 선택해서 모임을 살펴봐요🔍 , 간편하게 검색도 가능해요!
-
아참! 우리의 교집합을 만들기 위해선 빠른 소통이 필수! 댓글 알림과 모임참여 알림도 빠질 수 없죠😉
| 모바일 | 데스크탑 | 반응형 |
|---|---|---|
 |
 |
 |
- 집합의 꽃! 모임글 페이지입니다. 😎
- 사용자 모임에 자유롭게 참여하며 소통하고, 다른 사용자의 프로필을 구경할 수 있어요 👀
- 클린한 집합을 위해! 부적절한 게시글, 댓글, 사용자에 대해서는 신고가 가능합니다 🚨
| 모바일 | 데스크탑 | 반응형 |
|---|---|---|
 |
 |
 |
- 나의 소중한 정보와 모임 기록을 담당해줄 마이페이지 입니다 🥰
- 닉네임과 프로필 사진을 변경할 수 있어요! 😗 (닉네임은 30일에 한 번만 가능해요 😅)
- 내가 참여한 모임 페이지에서 내가 참여했던 소중한 모임들을 떠올려보아요! 참여한 모임에 대해서는 회원의 인기도를 평가할 수 있답니다.
- 많은 참여 = 많은 인기도 = 당신은 집합 스타 ⭐
| 모바일: 내 프로필 | 모바일: 내 프로필 수정 | 모바일: 내가 참여한 모임 |
|---|---|---|
 |
 |
 |
| 모바일: 닉네임 변경 | 모바일: 사진 변경 | 모바일: 내가 참여한 모임 - 평가하기 |
|---|---|---|
 |
 |
 |
 김경환 a.k.a 갓경환 |
 김명진 포뇨 |
 김찬우 팀리더 |
 임우빈 우빈쿤 |
 임형미 독거노인 |
- 저희 팀은 5명으로 이루어져 있습니다.
- 프로젝트는 대면위주로 약 3개월간 진행되었습니다.
- 깃 커밋 컨벤션과 PR 규칙을 정해서 깃을 적극적으로 활용해보고자 했습니다!
- 팀원 모두 서로를 존중하는 마음으로 프로젝트에 임했습니다.🙂
- 사용자의 요구사항을 구글 스프레드시트에 정리하며 확인 하였습니다.
- 디자인툴은
Figma를 적극 활용했고, 화면에 필요한 요소들을 컴포넌트화 하여 재사용 했습니다. - 피그마로 사용자화면을 먼저 만들고 ➡ 그 후에 화면에서 필요한 역할자를 도출 ➡ 개념적 , 논리적 , 물리적 설계 순서로 진행 하였습니다.
- 정규화를 거쳐 최종적으로 만들어진 테이블은 23개 입니다.
| 요구사항 정의 바로가기 🔗 | 역할자 바로가기 🔗 |
|---|---|
 |
 |
| 피그마 컴포넌트 바로가기 🔗 | 피그마 와이어프레임 바로가기 🔗 |
|---|---|
 |
 |
| ERD 바로가기 🔗 |
|---|
 |
- 집합은 1차 프로젝트, 2차 프로젝트로 나누어서 진행되었습니다. 1차에서는 SSR을, 2차에서는 CSR을 경험해보고자 각각 다른 기술을 적용했습니다.
- 1차는 Spring Boot 및 Spring MVC, Thymeleaf를 이용한 Server-side Rendering (SSR) 를 사용하여 웹사이트를 구축하였습니다. 이와 더불어 Vanilla JS를 이용해 ajax를 포함한 DOM 프로그래밍을 통해 동적인 client 화면을 구성할 수 있었습니다.
- 2차는 RestController를 이용해 백엔드를 restful API방식으로 바꾸고,
Vue.js 3.0를 적용한 CSR 프로젝트를 진행 중입니다. Vue의 본질에 충실하여 최대한 DOM을 덜어내고 있습니다. (아직 미완성 입니다 😁)
- 빌드 테스트를 거쳐 배포까지 진행해 볼 예정입니다.
- 본 프로젝트는 국비학원 수료생들끼리 진행한 프로젝트로, 02.02일에 수료하며 최종발표가 있을 예정 입니다.
- 시연 영상이 유튜브에 업로드될 예정입니다. (많관부 😚)