Velopers
모든 블로그
펫프렌즈

펫프렌즈

도메인techblog.pet-friends.co.kr
주요 카테고리 백엔드 · 프론트엔드 · DevOps

활동 요약

대표 인기 포스트프론트엔드 테스트 비용과 효용 사이에서188 조회
최근 30일
1개
평균 조회
78
누적 조회
2,111
전체 글
27개
마지막 발행
2026. 11. 11.
블로그 방문

펫프렌즈 기술 블로그 글 (27)

데브옵스

테스트 실패는 어떻게 운영 데이터가 되는가

모바일 E2E 실패를 AI 후보 분류와 근거 검증으로 안전하게 운영하는 흐름을 소개했습니다. 실행·케이스 이력을 분리해 반복 실패와 품질 지표를 신뢰성 있게 분석합니다.

#E2E#Appium#GitHub Actions
1500

백엔드

병목은 테스트 실행이 아니었다: Appium E2E 자동화에서 실행과 운영을 분리하기까지

Appium E2E 자동화에서 테스트 실행과 운영을 GitHub Actions와 n8n으로 분리한 구조를 정리했습니다. 실패 원인 추적과 알림·기록 변경을 쉽게 하기 위한 경계 설정이 핵심입니다.

#Appium#GitHub Actions#TypeScript
4000

AI

LLM은 모델보다 하네스가 먼저다: 만득이 한 달 수습기

업무용 LLM 봇에서는 모델보다 하네스가 더 중요하다는 점을 정리했습니다. 범위 설정, 근거 분리, 도구 실패 구분이 실제 운영 품질을 좌우했습니다.

#LLM#Claude#Slack
13500

AI

창식이와 함께하는 물류 개발 라이프(with 하네스)

Slack 봇 창식이를 통해 하네스 엔지니어링과 컨텍스트/피드백 루프 설계를 실제 운영에 적용한 사례를 정리했습니다. MCP 채널, 지식 베이스, 교정 로그로 장기 작업의 정확도를 높인 구성이 핵심입니다.

#LLM#MCP#Slack
9700

기타

AI 워크플로우 자동화 : 펫프렌즈 n8n 해커톤

n8n을 사내에 도입하기 위해 해커톤 전 과정을 워크플로우로 자동화한 사례를 소개했습니다. 실무형 자동화 예시를 통해 팀 전체의 활용 장벽을 낮추는 경험을 공유했습니다.

#n8n#workflow automation#Claude
8300

프론트엔드

Next.js에서 QueryClient를 전역변수로 사용해도 될까요?

Next.js SSR에서 전역 QueryClient를 공유하면 요청 데이터가 누적되어 메모리 누수가 발생했습니다. 요청마다 QueryClient를 분리해 GC가 회수할 수 있도록 개선했습니다.

#Next.js#TanStack Query#SSR
17400

백엔드

MongoDB 커넥션 풀 모니터링과 알림 시스템 구축기

MongoDB 커넥션 풀 사용률이 80%를 넘을 때 실시간 알림이 가도록 모니터링 시스템을 구축했습니다. 이를 통해 이벤트성 트래픽 급증을 사전에 감지하고 풀 설정도 조정했습니다.

#MongoDB#OpenSearch#Slack
10000

백엔드

AOP 기반 Feature Toggle 라이브러리

AOP 기반 Feature Toggle 라이브러리의 전체 구조와 핵심 동작 흐름을 정리했습니다. 멀티모듈, 라우팅 어노테이션, Registry, WebClient 조회를 통해 기능 전환을 유연하게 처리했습니다.

#AOP#Spring Boot#Spring WebFlux
6700

프론트엔드

App Store 5.1.1 가이드라인 리젝 대응기: SwiftUI Repository 패턴으로 게스트 기능 구현하기

App Store 5.1.1 리젝을 계기로 SwiftUI 앱에 게스트 모드를 설계하고 Repository 패턴과 DI Container를 도입했습니다. Mock 데이터와 화면 분리를 통해 유지보수성과 확장성을 함께 확보했습니다.

#SwiftUI#Repository#DI
4700

백엔드

Kafka에서 S3로 실시간 데이터 수집 파이프라인 설계와 구축기

Kafka 소비 결과를 Parquet으로 변환해 S3에 적재하는 실시간 수집 파이프라인을 설계하고 구축했습니다. 또한 Flush, 커밋, 모니터링 체계를 통해 누락 없이 안정적으로 운영하는 방법을 정리했습니다.

#Kafka#S3#CDC
13100

백엔드

국밥 같은 단위테스트 시나리오로 마음 든든하게 개발하기

단위 테스트를 실무에 적극 도입해 코드 신뢰도와 유지보수성을 높인 경험을 공유했습니다. QA 이슈를 테스트로 전환하고 JUnit, Mockito, Fixture Monkey 활용 팁도 정리했습니다.

#unit test#JUnit#Mockito
13700

데브옵스

Github Action과 self-hosted runner로 구축하는 E2E 테스트 자동화: POC부터 확장까지 우리팀의 내재화 여정

GitHub Action과 self-hosted runner로 iOS·Android E2E 테스트 자동화 파이프라인을 POC부터 점진적으로 구축한 사례를 소개했습니다. Slack 연동, 병렬 실행, 리포트 자동화로 효율과 운영성을 높인 과정을 정리했습니다.

#GitHub Actions#self-hosted runner#E2E
9200

프론트엔드

프론트엔드 테스트 비용과 효용 사이에서

프론트엔드 테스트의 비용과 효용을 배송 정보 렌더링 사례로 살펴본 글입니다. 테스트 기준 시각 고정, 공통화, 순서 검증으로 커버리지를 높인 과정을 정리했습니다.

#test#refactoring#Jest
18800

백엔드

레거시 탈출! 추천 구좌 시스템 개선기

추천 구좌 시스템을 전시 서버 중심으로 재구성하고 서킷 브레이커, 전략 패턴, 비동기 처리로 안정성과 확장성을 높였습니다. 또한 어드민 기능과 E2E 비교 테스트를 도입해 운영 부담과 배포 리스크를 줄였습니다.

#Spring Boot#WebFlux#resilience4j
12500

데브옵스

Firehose부터 OpenSearch까지: AWS 서비스를 활용한 로그 분리 전략

AWS OpenSearch에서 로그 보관 기간 문제를 해결하기 위해 여러 로그 분리 방식을 비교했습니다. Firehose와 Lambda, Fluent Bit 조합으로 특정 로그를 별도 인덱스로 분리하는 방법을 정리했습니다.

#AWS#OpenSearch#Fluent Bit
6400

프론트엔드

Playwright로 로그인을, Lighthouse로 성능을: 인증 페이지 성능측정 자동화

Playwright로 로그인 세션을 자동 구성한 뒤 Lighthouse를 실행해 인증 페이지 성능 측정을 자동화했습니다. 수집한 지표는 CloudWatch와 Grafana로 연동해 지속적으로 모니터링할 수 있게 했습니다.

#Playwright#Lighthouse#CI/CD
12700

AI

DocumentDB 성능 최적화: 슬로우쿼리 수집부터 AI를 활용한 인덱스 추천까지

DocumentDB 슬로우쿼리를 수집·시각화하고, COLLSCAN 쿼리에 대해 AI로 인덱스를 추천받는 파이프라인을 구축했습니다. 이를 통해 슬로우쿼리 합계가 약 30% 감소하고 무거운 쿼리가 개선되었습니다.

#AWS DocumentDB#OpenSearch#CloudWatch Logs
8000

데브옵스

트래픽이 복사가 된다고?! 미러링 테스트 도입기 — nginx

Nginx mirror 모듈과 envsubst로 트래픽 미러링 테스트를 구성하고, dev 환경에서 origin과 candidate를 동시에 검증하는 과정을 공유했습니다. 또한 k6 부하 테스트와 로그 포맷 설정을 통해 응답 비교와 운영 적용 방안까지 살펴보았습니다.

#nginx#AWS#ECS
3600