• 🕹️ **서비스 |** 💻 **깃허브 |** 🎥 시연영상
• 팀원: Front-end 2명 / Back-end 4명 / Designer 1명

Re:USE!

누구나 잘 꺼내입지 않고 장롱에 쌓여있는 옷들이 있을겁니다. 우리는 이러한 의류를 버리기보단,  나에게는 필요 없지만 누군가는 찾고 있을지 모르는 그런 의류를, 누군가는 입지 않지만 내가 그토록 찾고 있었던 그런 의류를  사고 팔기 위해 다른 플랫폼과는 차별적으로 의류만 집중적으로 거래하기 위한 프로젝트를 계획했습니다.

집에서 인터넷으로 간편히 내가 입지 않는 옷이나 신발, 악세서리를 올리고 내게 필요한 의류를 검색해서 손쉽게 옷을 구하거나 팔 수 있습니다. 세상에는 수 없이 많은 옷이 있고, 쓸모없는 옷은 없습니다.

Re:USE를 통해 새로운 인연을 만날 수 있습니다.

아키텍쳐

기술적 의사결정(FE)

• 다양한 라이브러리 활용 가능 | | React-Query | - 직관적으로 API 사용 가능
• Boilerplate 코드를 줄일 수 있음 ⇒ 코드의 복잡도를 낮춰 유지보수의 용이성을 높임
• 캐싱된 데이터 사용 | | React-Router v6 (BrowserRouter) | - Outlet을 통해 중첩된 라우트 관리 ****- 컴포넌트 재사용성 용이 | | Recoil | - API 요청이 잦은 데이터를 관리하기 위함 **** ⇒ 서버에 유저정보 요청 횟수를 줄이기 위해 사용 ****- 복잡한 데이터 처리가 필요없는 부분에 적합 ****- 간단한 로직에 맞춰진 경량의 상태 관리 | | TypeScript | - 코드의 안정성을 높임 ****- 코드 유지보수 개선 | | Browser Image Compression | - 이미지 용량을 줄여 빠른 렌더링을 하기 위함 ****- Spring Boot의 이미지 용량 디폴트는 1MB여서 큰 이미지를 압축해야 함 | | SockJS / Stomp | - SockJS는 웹소켓이 지원되지 않는 환경에서도 연결을 보장
• Stomp는 서버와 클라이언트 간의 복잡한 메시징 흐름을 단순화하여 개발자가 쉽게 실시간 통신 기능을 구현할 수 있도록 도움
• 이 조합은 다양한 웹 환경에서의 높은 접근성과 빠르고 안정적인 메시지 교환을 가능하게 함 |

담당 파트

• 소통: issue 템플릿을 만들어 Front-end 팀원과 소통
• 상점, 마이페이지, 메인페이지, 카테고리, 회원가입 페이지 CRUD
• Kakao Map API를 활용해 주소 등록 및 수정 기능 구현
• Recoil을 활용한 유저식별정보 전역 상태관리
• SSE를 활용한 실시간 알림 기능 구현