Home

팀원 소개

TEAM DOIT
깔쌈한 프론트엔드 개발자 단체 DOIT 입니다.

👑최승은👑	오소영	홍준기	김정목

📌 팀원별 역할 및 진행 상황

팀원	역할
최승은(팀장)	상세 페이지, 채팅, 카카오맵
김정목	리스트 페이지, 리뷰 페이지
오소영	로그인/회원가입, 찜, 랜딩 페이지
홍준기	모달 및 드롭다운 컴포넌트, 마이페이지, 채팅

목차

1. 프로젝트 개요

• 프로젝트 소개
• 프로젝트 목표
• 주요 기능
• URL

2. 기술 스택 및 기능 시연

• 기술 스택 & 아키텍처
• 기능 시연

3. 프로젝트 관리 및 협업

• 애자일 스프린트 & 일정 관리
• GitHub PR 리뷰 & 브랜치 전략

4. 성능 최적화 및 데이터 최적화

• 상태 관리 및 API 최적화
• 로딩 성능 개선 (이미지 & 폰트 최적화)
• SEO 최적화 및 SSR 활용

5. 유지보수성 향상 및 접근성 개선

• 패럴라우팅 적용
• 유저 정보 관리 (로그인 & 토큰 관리)

6. PWA 적용 및 오프라인 데이터 관리

• PWA 적용
• 오프라인 데이터 캐싱 전략

7. 실시간 기능 & 채팅 시스템

• 실시간 채팅 시스템 구현
• 실시간 알림 시스템 추가 계획

8. 백엔드 부재 대응 및 API Mocking

• MSW + JSON Server 활용
• PWA & MSW 충돌 해결 과정

9. 테스트 & 배포 안정성 강화

• 자동화된 테스트 환경 구축
• 배포 자동화 & Netlify + CircleCI 활용

10. 트러블 슈팅

• SSR + MSW 문제 해결
• WebSocket 끊김 및 재연결 이슈 해결
• 무한 스크롤 API 요청 최적화
• Axios & Fetch 서버 - 클라이언트 요청 방식 분리

11. 성과 및 결과

• 성능 개선 수치 비교
• SEO & 검색 엔진 노출 향상