프로젝트 소개

우아한테크코스 5기에서 진행한 팀 프로젝트로, 노션 같은 텍스트 에디터에서 작성된 마크다운 형식의 글을 티스토리, 미디엄 블로그로 포스팅하고, 관리할 수 있는 기능을 제공하는 서비스입니다.

프로젝트 기간

2022.06. ~

프로젝트 주소

https://donggle.blog

https://github.com/woowacourse-teams/2023-dong-gle

참여 인력

FE 3명 / BE 4명

사용 기술

• Javascript, Typescript
• React
• Styled Components
• TanStack Query, Ky
• MSW, Cypress, Cypress Testing Library
• Webpack
• Storybook
• AWS EC2, S3, Nginx, CloudFlare
• GitHub Actions

프로젝트 진행 내용

1. MSW를 이용한 모킹 개발 환경 구조 정립

문제 상황

• 프론트엔드 개발이 백엔드 서버에 의존적이어서 길어지는 개발 시간
• 체계가 없는 MSW 로직
  • 핸들러가 조작하는 목 데이터 원천이 하나인 복잡한 모킹 로직
  • 성공과 실패 여부가 같이 있거나 하나만 있는 핸들러
  • 단순 200을 날리는 로직이 많아 개발한 기능이 제대로 동작하는지 알 수 없는 POST, DELETE, PATCH 핸들러

문제 해결 과정 & 효과