세상 모든 사람들의 재능을 이어주다.

안녕하세요.
저희 재능 마켓 이음은 사소한 재능도 누군가에게는 많은 도움이 되지 않을까? 라는 생각으로 시작된 프로젝트입니다.

🏠재능마켓 이음 바로가기

🔗Notion

📏Figma

👨‍💻 팀 소개

🧑‍🤝‍🧑__총 팀원 : FRONTEND (4명), DESIGNER (1명)
🧑‍🤝‍🧑__구성원

김미영(Leader), 김도원(Vice Leader), 정진수, 김남규 | 김예은 (Designer)

🏷️팀명_노른자
사물에서 알짜로 중요하거나 값지거나 한 부분이 의미인 것처럼
팀원들도 함께 프로젝트에서 값진 경험과 소중하고 중요한 "인재"가 되자라는의미 입니다.

🏷️프로젝트 명_이음
"마주 이어서 합하는 일" 한국 고유의 뜻으로 모든 사람의 숨겨둔재능을 가치있게 만들자라는 의미입니다.

📆 프로젝트 개발기간
23.02.06. ~ 23.03.13. (5weeks)

📺 프로젝트 시연

1. 회원 가입
   
2. 거래 진행
   
3. 채팅 하기
   
4. 마이페이지
   
5. 글쓰기
   
6. 거래 취소
   
   
   

🛠 Usage Technologies and Libraries

🛠Service Architecture

🛠Data modeling

✅ 기술적 의사결정

1. 많은 양의 데이터 출력방법
   -> Infinit Scroll (✔️)
   -> pagination
   👍선택 이유
   __로드 되는 데이터가 쌓였을 때, 데이터 용량을 최소화 하여 가져오기 위해 선택하였습니다.
   __원하는 서비스를 찾아야 하는 매칭 서비스 특성 상, 게시 글을 페이지 개념보다 스크롤 형식으로 표현했을 때 UX가 좋다고 판단했습니다.
   
   
2. 서버 상태 관리
   -> React-Query (✔️)
   -> RTK-Query
   -> SWR
   -> Redux-Thunk
   👍선택 이유
   __server state 관리가 편리합니다.
   __라이브러리에서 기본적으로 제공하는 기능(캐싱, 업데이트, 동기화 등)이 더욱 강력합니다.
   __자동으로 가비지 컬렉션을 지원 하여 데이터를 최적화 합니다.
   
   
3. 클라이언트 상태 관리
   -> Recoil(✔️)
   -> Redux
   👍선택이유
   __BoilerPlate가 적습니다.
   __코드가 간결해 사용하기 쉽고 가독성이 좋습니다.
   __React와 상성이 좋으며 react 기반으로 제작된 라이브러리로서 안정성, 성능 면에서 뛰어납니다.
   __미들웨어가 필요하지 않다.
   __입력 데이터 값을 기억하여 동일 응답 시, 추가적으로 요청하지 않아 성능 적으로 유리합니다.
   
   
4. 성능 개선
   -> Loadable components(✔️)
   -> React.lazy
   👍선택이유
   __React에서 code splitting과 SSR 모두 지원합니다.
   __React.lazy에서는 제공하지 않는 library splitting, import 지원합니다.
   
   
5. authservice 데이터베이스
   -> firebase(✔️)
   -> supbase
   👍선택이유
   __보안성 높고, Auth서비스를 포함한 소셜 로그인을 지원합니다.
   __레퍼런스가 많습니다.