목차

• 목차
• 🗺 프로젝트 소개
  • 데모
  • 프로젝트 시작 계기
  • 프로젝트 내용
  • 기술적 도전
• 🛠 기술 스택
• 🗿 프로젝트 멤버
• 📚 위키

🗺 프로젝트 소개

내 동네를 평가하고 지도에서 한눈에 다른 동네의 평점과 후기를 볼 수 있는 서비스 입니다.

프로젝트 및 기술, 협업 관련 자세한 내용은 Donggle Notion에서 확인하실 수 있습니다.

데모

• 데모영상
• https://boost.boost-donggle.kro.kr/ (미운영)

프로젝트 시작 계기

• 내가 살고있는 동네를 소개해 보고 싶다!
• 다른 동네는 어떤지 알고 싶다!

프로젝트 내용

• 지도에서 동네별 평점을 한 눈에 확인할 수 있는 서비스!
• 확대/축소에 따라 동네 단위(도, 시/군/구, 동) 실시간 변경
• 내가 살고 있는 동네의 평점과 후기를 작성하고 공유

기술적 도전

• 행정구역 폴리곤 렌더링 최적화 과정
  • Document 구조 고민과 인덱싱
  • 상태 관리/ LFU 캐싱 기반 API 요청 줄이기
  • SWR을 활용한 캐싱 일반화
• Lazy Loading을 통한 첫 렌더링 최적화
• React.memo와 React Router 고려한 웹 최적화
• Intersection Observer API를 활용한 무한 스크롤
• JWT HTTPS Cookie 사용해 보안을 고려한 로그인
• Nginx와 Github Action을 이용한 CD
• Docker와 Docker Compose를 이용한 인프라 구성

🛠 기술 스택

Front	Back	Infra

🗿 프로젝트 멤버

J077 문혜현	J107_송명회	J218 홍승용	J219 홍종우

📚 위키

🤝 규칙	📝 명세서	🗂 백로그	🏃‍♂️ 스프린트	🙋‍♂️ 회의록	👯‍♀️ 스크럼
팀 목표 그라운드 룰 git 전략 네이밍 룰 React 코드 포맷 ESLint&Prettier	디자인 명세서 ERD 인프라 구조 프로젝트 폴더 구조 API 명세서	백로그 스프레드 시트	2주차 3주차 4주차 5주차 6주차	1주차 2주차 3주차 4주차 5주차 6주차	1주차 2주차 3주차 4주차 5주차 6주차