최종발표 === ### 목차 #### 팀원소개 - 누군가 레몬을 주면 어쩌구. - 개인 목표 없이 / 사진 넣어서 슬라이드 1장. #### 크림 - 크림 서비스 소개, 특징. 국내 최대 한정판 거래 플랫폼 특징으로는 스노우에서 제작한 앱 및 웹 어플리케이션으로 다양한 카테고리의 한정품들을 경매 형식으로 유저간 매매하는 거래 플랫폼으로 MZ세대를 겨냥한 심플한 디자인있는 것이 특징입니다. - 크림을 선택한 이유 그래서 서버에서 평소에 도전을 하고 싶었던 **개인화 추천**을 적용할 수 있는 상품 거래 플랫폼을 선택하였고 다른 상품 거래 플랫폼과 차별화 된 **경매 방식의 매매**이기 때문에 서버에서는 동시성과 트랜잭션에 대한 더 다양한 고민을 할 수 있다는 점과 클라이언트는 그래프와 같이 새로운 경험을 있다는 이유가 있었습니다. 추가적으로 클라이언트에서는 UI/UX와 관련된 도전해볼 수 있는 과제(횡스크롤과 가로 스크롤 동시에 적용, 스티키 헤더, 필터 값 동기화 등 **최신 트렌드를 적용한 UI**)들이 많기 때문에 이번 도전을 통해 많은 경험과 성장을 이룰 수 있을 것이라 예측했습니다. - 우리 CREAM의 기능. (이미지와 함께 보여주는 것이 좋을 듯) - 경매 / 즉시 구매, 즉시 판매 - 입찰 기능 - 구매 또는 판매를 원한다면 원하는 가격을 입력하여 구매 또는 판매를 등록함, 단 유효기간을 정해야만 하며 유효기간이 지나면 자동으로 입찰이 취소됨. - 즉시 구매, 즉시 판매 - 누군가가 구매 또는 판매 입찰 등록을 한 가격이 마음에 든다면 즉시 구매 또는 판매를 진행 할 수 있음. - 화면에서는 상품의 사이즈 별 역대 판매 가격 기록과 가격 변동, 현재 최저 판매 입찰 가격, 최고 구매 입찰 가격, 관련 상품 등을 볼 수 있음 - 필터링 기능, 검색 기능, 찜 기능 - 검색어를 통한 키워드 검색 뿐만 아니라, 카테고리, 브랜드, 컬렉션, 성별, 가격대 별로 검색이 가능함 - 상품에 있는 사이즈 별로 관심상품을 등록 할 수 있음 - 개인화 추천 - 홈 화면에서 유저의 활동 기록을 바탕으로 추천 상품들을 제공, 유저가 관심을 보이는 물건을 실시간으로 계산해 반영 - 관련 유저 3명의 기록과 관련된 실제 추천 상품과 사진을 같이 보여주기(검증 과정 소개 위에는 실제 유저 활동 로그 - 옆에는 실제 유저 아이템, 아래에는 서버가 추천한 아이템) - 1분에서 2분 될듯 - 구현 영상. - 한번에 하나씩. - 두 개 합쳐서 3분. #### 협업 방식 - HackMD, Gather 관련해서 왜. 썼는지 저희는 효율적인 협업방식을 위해 고민했습니다. 그래서 선택한 도구로 HackMd, Jira, Gather를 사용하기로 결정했습니다. Hackmd를 사용한 이유로는 첫번째, 문서화에 대한 책임을 한명이 아니라 공통적으로 나누기 위해서 실시간으로 작성을 동시에 할 수 있었습니다. 두번째, markdown 사용을 통해 가장 익숙해 지는 것 이 두가지 이유로 협업을 hackmd라는 것을 이용해 작업을 진행하고 작업간 배운 내용들과 진행 사항을 쉽게 공유할 수 있었습니다. 두번째는 Gather를 이용해 저희는 재택 환경에서도 높은 업무 효율을 지켜낼 수 있었습니다. 특히 회의 뿐만 아니라 서로 작업에 집중하는 모습을 실시간으로 공유하고 휴식도 주기적으로 챙기는 방법으로 업무 효율을 높일 수 있었습니다. 특히 Gather는 저희 팀뿐만 아니라 재택을 하는 다른 팀원들과도 공유해 교류를 통해 다른 팀원들과 더 많은 소통을 할 수 있었습니다. #### 서버 - 발표 - 협업에서 느낀 점, 성장한 점. #### 웹 클라이언트 - 발표 - 협업에서 느낀 점, 성장한 점. #### IOS - 발표 - 협업에서 느낀 점, 성장한 점. #### Appendix - HackMD 회의록 링크 - Gather 링크 --- ### 개인 발표 형식 1. 기술적 성장. - 왜.. 이유에 입각하여. 2. 프로젝트 관리를 하며 성장했던 부분, 느꼈던 점들. - 각 분야별 적용된 기술 스택과 아키텍처 **소개** 서버는 코틀린과 스프링을 이용한 MSA입니다. -아키텍처와 아키텍처 플로우 그림과 그에 대한 간단한 플로우 설명- ERD 입니다. MSA 서버 별 다른 색으로 표현했습니다. -ERD 그림과 간단한 설명- 웹 프론트 엔드는 React.ts, Next.js, Swr를 이용한 Atomic 디자인 패턴을 적용했습니다. -웹 프론트 아키텍처 그림(만약 아토믹에 대한 설명이 되어있다면 추가적으로 설명하지 않음)- IOS 어플리케이션은 Swift를 이용한 mvvn 패턴을 적용했습니다. -앱 아키텍처 그림-