유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

카카오엔터테인먼트FE

August 25, 20221

MSW를 활용하는 Front-End 통합테스트

MSW를 활용하는 Front-End 통합테스트
간단 소개

MSW를 활용한 Front-End 통합 테스트 방법 및 효과적인 활용 방안을 제시하고, 실제 개발 환경에서의 적용 사례를 소개합니다.

AI Summary
  • MSW 도입 배경
    • FE 테스트 도구(Jest, Cypress) 발전에도 API 모킹의 높은 비용 존재
    • API 개발 지연 또는 미협의 시 통합 테스트의 어려움 발생
    • MSW(Mock Service Worker)를 통해 API 요청을 가로채 목업 데이터 활용
  • MSW 활용 및 통합 테스트
    • MSW 설정 후 목업 데이터 기반 테스트 진행
    • server.use를 통해 런타임에 동적으로 API 응답 데이터 변경 가능
    • 엣지 케이스(빈 리스트) 및 에러 발생 상황(404 에러)에 대한 테스트 수행
    • 스토리북 연동 및 개발 서버 연동을 통해 MSW 활용 범위 확장
  • 결론
    • MSW는 API 관련 이슈 해결 및 효율적인 통합 테스트 환경 제공
    • API 스펙 변경에 대한 정합성 체크 용이, 유지보수성 증진
    • MSW 도입은 선택이 아닌 필수로 강조
원문 보기

Next Feeds

컬리 검색이 카프카를 들여다본 이야기 2

컬리 검색이 카프카를 들여다본 이야기 2

컬리는 Kafka Streams를 도입하여 검색 인덱싱 파이프라인을 개선하고, 스프링을 통해 Kafka Streams를 효율적으로 관리 및 모니터링함.

Kafka Streams검색 인덱싱스프링헬스체크데이터 파이프라인
2022. 8. 24.
컬리
OpenAPI Specification을 이용한 더욱 효과적인 API 문서화

OpenAPI Specification을 이용한 더욱 효과적인 API 문서화

Swagger와 Spring REST Docs의 장점을 결합한 OpenAPI Specification 기반 API 문서화 구축 및 활용 방법을 제시합니다.

OpenAPI SpecificationSwaggerSpring REST DocsAPI 문서화restdocs-api-spec
2022. 8. 22.
카카오페이
제1회 뱅크샐러드 디자인 드레싱을 소개합니다

제1회 뱅크샐러드 디자인 드레싱을 소개합니다

뱅크샐러드 디자인 챕터의 첫 커뮤니티 행사인 디자인 드레싱을 통해 팀 결속력을 강화하고, 디자인 비전을 공유하며 One Team으로 나아가기 위한 발판을 마련했다.

뱅크샐러드디자인 드레싱CDOOne Team조직문화
2022. 8. 22.
뱅크샐러드
 바삭한 신입들의 동시성 이야기 - Swift편

바삭한 신입들의 동시성 이야기 - Swift편

Swift 5.5의 async/await은 GCD와 completion handler의 단점을 보완하고, 안전하고 효율적인 동시성 프로그래밍을 지원한다.

동시성async/awaitGCDCoroutineSwift Concurrency
2022. 8. 17.
데브시스터즈
스포카에서 Kotlin으로 JPA Entity를 정의하는 방법

스포카에서 Kotlin으로 JPA Entity를 정의하는 방법

Kotlin JPA Entity 정의 시 문제점과 해결 방안, 그리고 스포카의 Entity 정의 팁을 통해 더 나은 Entity 설계를 제시합니다.

KotlinJPAEntityORMHibernate
2022. 8. 16.
스포카
모델 서빙 최적화를 위한 프레임워크 선정과 서빙 성능 극대화하기

모델 서빙 최적화를 위한 프레임워크 선정과 서빙 성능 극대화하기

카카오페이의 모델 서빙 최적화 과정: 프레임워크 비교, Triton 선정 및 성능 극대화 전략을 통해 서비스 성능을 향상시킨 사례를 공유합니다.

모델 서빙Triton성능 최적화Dynamic BatchConcurrent Model Execution
2022. 8. 11.
카카오페이