새로운 기술 블로그가 추가되었어요

필터 1
실제처럼, 빠르게, 안정적으로: 에이닷 통합 테스트 환경 구축기 (WireMock + Docker + GitLab CI)
데보션
데브옵스

실제처럼, 빠르게, 안정적으로: 에이닷 통합 테스트 환경 구축기 (WireMock + Docker + GitLab CI)

외부 API 의존으로 흔들리던 통합 테스트를 WireMock, Docker, GitLab CI로 분리하고 자동화했습니다. 로컬과 CI에서 같은 환경을 써 테스트 신뢰도와 개발 생산성을 높였습니다.

#WireMock#Docker
35005분
테스트는 어떻게 좋은 코드를 만드는가(feat. 험블 객체 패턴)
네이버 D2
프론트엔드

테스트는 어떻게 좋은 코드를 만드는가(feat. 험블 객체 패턴)

테스트 코드가 어려워지는 원인을 고수준 목과 얽힌 설계 문제로 설명했습니다. 험블 객체 패턴과 인터페이스로 테스트하기 쉬운 구조를 만드는 방법을 다뤘습니다.

#TypeScript#TDD
289005분
가치있는 테스트를 위한 전략과 구현
토스
아키텍처

가치있는 테스트를 위한 전략과 구현

테스트를 무조건 많이 쓰기보다 가치와 목적에 따라 선별적으로 작성하는 전략을 정리했습니다. 실제 객체 중심의 통합 테스트, 데이터 격리, 승인 테스트로 실용성과 신뢰성을 높이는 방법을 공유했습니다.

#test#통합 테스트
31005분
Next.js에서 MSW(Mock Service Worker)로 네트워크 Mocking하기
올리브영
프론트엔드

Next.js에서 MSW(Mock Service Worker)로 네트워크 Mocking하기

Next.js 전환 과정에서 단위 테스트와 API Mocking의 중복·관리 문제를 해결하기 위해 MSW 도입을 검토했습니다. 브라우저와 SSR 환경의 URL 차이를 보정하는 클라이언트를 만들어 프록시 이슈에 대응했습니다.

#Next.js#MSW
28005분
MSW - 더 나이스한 목킹을 위한 고민
매드업
프론트엔드

MSW - 더 나이스한 목킹을 위한 고민

MSW를 활용해 브라우저와 Node 환경에서 API 목킹을 통합하는 방법을 정리했습니다. 개발 속도 차이와 테스트용 목업 중복 문제를 줄인 사례를 소개했습니다.

#MSW#React
23005분