노션 배너.jpg

반려동물 동반카페 어디서 쉽게 찾지?

내 위치를 기반으로 가장 가까운 반려동물 병원, 미용샵, 카페 등을 쉽게 찾을 수 있습니다. ※ 현재 페이지내 data의 경우 mock-data입니다

🐶 펫플레이스 방문하기 GoGo →

👣 Front-End Github →

👣 Back-End Github →

👉🏻 더 많은 정보가 담긴 팀 노션 보러가기 →


🦴 아키텍쳐

아키텍쳐.png

🐹 기술적 의사결정

사용 기술 기술 설명
QueryDsl 복잡한 조합을 이용하여 경우의 수가 많은 상황에서 필요하기에 사용하였다. (검색)
S3 프론트 렌더링시 사이트가 무거워지는 현상을 막고, 이미지를 저장하기 위해 S3를 사용하였다. 비용 안정성을 고려하여 선택하였다.
nginx 더 빠른 응답과, DDos와 같은 공격으로부터 보호하기 위해 사용하였다.
SSE 단방향성 알림 기능 구현을 위해 사용하였다.
react-query 서버와의 통신에서 데이터를 빠르게 최신화 할 수 있기 때문에 사용하였다.
styled-component css파일을 오픈할 필요가 없고, 로딩시간을 단축하기 위해 사용하였다.

🕊 트러블슈팅

[FE] map 좌표를 구할 때, maps와 Geocoder를 불러오지 못하는 오류

[FE] 카카오로그인 구현 중 cookie에 아무런 정보가 담기지 않으면서 로그인이 통과되는 오류

[FE] 에러페이지 구현중 PrivateRoute가 Routes안에 들어가야 한다는 오류

[BE] DB 데이터 오류