저희 재능 마켓 이음은 사소한 재능도 누군가에게는 많은 도움이 되지 않을까? 라는 생각으로 시작된 프로젝트입니다.
🧑🤝🧑__총 팀원 : FRONTEND (4명), DESIGNER (1명)
🧑🤝🧑__구성원
김미영(Leader),
김도원(Vice Leader),
정진수, 김남규
| 김예은 (Designer)
🏷️팀명_노른자
사물에서 알짜로 중요하거나 값지거나 한 부분이 의미인 것처럼
팀원들도 함께 프로젝트에서 값진 경험과 소중하고 중요한 "인재"가 되자라는의미
입니다.
🏷️프로젝트 명_이음
"마주 이어서 합하는 일" 한국 고유의 뜻으로 모든 사람의
숨겨둔재능을 가치있게 만들자라는 의미입니다.
📆 프로젝트 개발기간
23.02.06. ~ 23.03.13. (5weeks)
📺 프로젝트 시연
🛠 Usage Technologies and Libraries
🛠Service Architecture
✅ 기술적 의사결정
- 많은 양의 데이터 출력방법
-> Infinit Scroll (✔️)
-> pagination
👍선택 이유
__로드 되는 데이터가 쌓였을 때, 데이터 용량을 최소화 하여 가져오기 위해 선택하였습니다.
__원하는 서비스를 찾아야 하는 매칭 서비스 특성 상, 게시 글을 페이지 개념보다 스크롤 형식으로 표현했을 때 UX가 좋다고 판단했습니다. - 서버 상태 관리
-> React-Query (✔️)
-> RTK-Query
-> SWR
-> Redux-Thunk
👍선택 이유
__server state 관리가 편리합니다.
__라이브러리에서 기본적으로 제공하는 기능(캐싱, 업데이트, 동기화 등)이 더욱 강력합니다.
__자동으로 가비지 컬렉션을 지원 하여 데이터를 최적화 합니다. - 클라이언트 상태 관리
-> Recoil(✔️)
-> Redux
👍선택이유
__BoilerPlate가 적습니다.
__코드가 간결해 사용하기 쉽고 가독성이 좋습니다.
__React와 상성이 좋으며 react 기반으로 제작된 라이브러리로서 안정성, 성능 면에서 뛰어납니다.
__미들웨어가 필요하지 않다.
__입력 데이터 값을 기억하여 동일 응답 시, 추가적으로 요청하지 않아 성능 적으로 유리합니다. - 성능 개선
-> Loadable components(✔️)
-> React.lazy
👍선택이유
__React에서 code splitting과 SSR 모두 지원합니다.
__React.lazy에서는 제공하지 않는 library splitting, import 지원합니다. - authservice 데이터베이스
-> firebase(✔️)
-> supbase
👍선택이유
__보안성 높고, Auth서비스를 포함한 소셜 로그인을 지원합니다.
__레퍼런스가 많습니다.