펫프렌즈

RSS

게시글: 32
등록: 2026년부터

All Frontend Backend AI DevOps Architecture Etc

Etc
AI 워크플로우 자동화 : 펫프렌즈 n8n 해커톤
이 글은 펫프렌즈에서 AI 워크플로우 자동화 도구인 n8n을 활용하여 사내 첫 해커톤을 진행한 경험을 공유합니다. 개발팀 백엔드 개발자 메이슨은 새로운 AI 도구를 팀 전체에 도입하는 과정의 어려움을 언급하며, n8n을 통해 개발 생산성을 높이고자 했습니다. 해커톤 개최 동기는 센트리 오류를 자동으로 분석하는 슬랙 봇 개발 아이디어에서 시작되었으며, 이를 위해 사내에 구축되었지만 활용되지 않던 n8n 서버를 사용하게 되었습니다. '센트리탐지견'이라 불리는 이 봇은 슬랙 알림에 특정 이모지가 달리면 Claude AI 모델을 이용해 오류를 분석하는 기능을 수행합니다. 이 경험을 바탕으로 n8n을 적극적으로 도입하려는 시도를 보여주며, 비슷한 고민을 가진 개발자들에게 유용한 정보를 제공하고자 합니다.
n8nAI워크플로우 자동화
펫프렌즈·2026년 3월 25일
Frontend
Next.js에서 QueryClient를 전역변수로 사용해도 될까요?
이 글은 Next.js 서버 환경에서 QueryClient를 전역 변수로 잘못 사용함으로써 발생한 메모리 누수 현상과 해결 과정을 공유합니다. Next.js 서버는 24시간 동작하며 SSR 환경에서 발생하는 메모리 누수는 모든 사용자에게 영향을 미치는 치명적인 문제로 이어질 수 있습니다. 필자는 펫프렌즈 프리오더팀에서 겪었던 QueryClient 전역 변수 사용으로 인한 서버 메모리 증가 및 OOM 문제를 상세히 설명하며, 이는 특정 라이브러리의 결함이 아닌 공식 문서에서 권장하는 사용 패턴을 따르지 않은 구현 방식의 문제임을 강조합니다. 글은 메모리 누수 현상의 발견, 원인 분석, 그리고 올바른 QueryClient 사용 패턴의 중요성을 다루며, 개발자들이 같은 실수를 반복하지 않도록 돕는 것을 목표로 합니다.
Next.jsQueryClient메모리 누수
펫프렌즈·2026년 1월 27일
Backend
MongoDB 커넥션 풀 모니터링과 알림 시스템 구축기
펫프렌즈 Pre-Order 팀은 트래픽 급증 시 발생할 수 있는 데이터베이스 커넥션 부족 문제를 해결하기 위해 DocumentDB 커넥션 풀 모니터링 시스템을 구축했습니다. CQRS 패턴 도입 후 전시 영역의 핵심 데이터베이스로 DocumentDB 사용이 확대되면서 안정성과 성능 최적화의 중요성이 커졌습니다. 이에 따라 슬로우 쿼리 모니터링을 시작으로, 문제가 발생하기 전에 미리 알림을 받아 선제적으로 대응할 수 있는 시스템을 구축한 과정을 공유합니다. 이를 통해 서비스 안정성을 높이고 잠재적인 장애를 예방하는 데 기여했습니다.
MongoDB커넥션 풀모니터링
펫프렌즈·2025년 12월 9일
Backend
AOP 기반 Feature Toggle 라이브러리
본 글은 펫프렌즈 백엔드 팀에서 AOP 기반으로 개발한 Feature Toggle 라이브러리 구현에 대해 다룹니다. A/B 테스트, 버전 전환 등 서비스 기능 제어를 유연하게 하기 위해 Feature Toggle 도입을 검토했으며, 특히 AOP를 활용한 구현 방식에 초점을 맞춥니다. 라이브러리는 Spring 기반으로 mvc와 webflux 환경에 맞춰 멀티모듈로 구성되어 있으며, 각 환경에 맞는 의존성 최소화 설계를 특징으로 합니다. ToggleRouter Annotation을 기능 토글의 시작점으로 사용하여 전체적인 흐름을 제어하며, 이를 통해 서비스의 기능 제어를 효율적으로 관리할 수 있습니다.
Feature ToggleAOPSpring
펫프렌즈·2025년 12월 3일
Frontend
App Store 5.1.1 가이드라인 리젝 대응기: SwiftUI Repository 패턴으로 게스트 기능 구현하기
이 글은 App Store 5.1.1 가이드라인으로 인해 앱이 리젝된 경험을 공유하며, SwiftUI와 Repository 패턴을 사용하여 게스트 기능을 구현하는 과정을 상세히 설명합니다. 개발자는 사용자 계정 없이도 앱 기능을 사용할 수 있도록 게스트 모드를 구현해야 했으며, 이 과정에서 발생한 문제와 해결 방법을 기술합니다. 특히, 데이터 관리와 상태 유지를 위해 Repository 패턴을 적용하여 코드의 재사용성과 유지보수성을 높인 점을 강조합니다. SwiftUI의 선언적 UI와 Repository 패턴의 조합을 통해 효율적인 게스트 기능 구현 방안을 제시하며, 유사한 문제에 직면한 iOS 개발자들에게 실질적인 도움을 줄 수 있는 내용을 담고 있습니다.
SwiftUIRepository PatternGuest Feature
펫프렌즈·2025년 12월 3일
Backend
Kafka에서 S3로 실시간 데이터 수집 파이프라인 설계와 구축기
이 글은 펫프렌즈에서 기존 배치 방식의 데이터 수집 및 가공 방식에서 실시간 데이터 수집의 필요성이 대두된 배경과 이를 해결하기 위한 파이프라인 설계 및 구축 과정을 다룹니다. 기존 MariaDB Trigger 기반의 로그 테이블 운영 방식은 스키마 변경 시 관리 부담이 크고 확장성에 한계가 있었습니다. 이를 해결하기 위해 CDC(Change Data Capture) 방식을 도입하여 로그 이벤트를 Kafka 토픽으로 발행하고, 별도의 컨슈머가 이를 읽어 S3에 적재하는 방식으로 전환했습니다. 특히 MSK와 Debezium을 활용한 CDC 토픽 구축 경험을 바탕으로 컨슈머를 개발했습니다. 또한, 광고 및 사용자 행동 이벤트 데이터를 장기 보관하고 분석하기 위한 요구사항을 충족하기 위해 실시간 데이터 수집 파이프라인의 중요성을 강조합니다.
KafkaS3CDC
펫프렌즈·2025년 11월 7일
Backend
국밥 같은 단위테스트 시나리오로 마음 든든하게 개발하기
펫프렌즈 백엔드 개발자가 단위 테스트 작성 경험을 공유하는 글입니다. 단위 테스트는 코드 품질, 유지보수성, 협업 효율성을 높이는 데 기여하며 코드에 대한 신뢰도를 향상시킵니다. 글에서는 실제 업무 사례를 바탕으로 테스트 커버리지를 높이고 신뢰도를 확보하는 방법에 대해 설명합니다. 또한, 코드 공통화를 통해 다양한 케이스를 효율적으로 작성하는 팁을 제공하며, 단위 테스트, 테스트 스텁, JUnit, Mockito와 같은 관련 개념을 간략히 소개합니다. 이 글은 테스트 코드를 효과적으로 작성하고자 하는 백엔드 개발자에게 유용한 정보를 제공합니다.
단위 테스트테스트 코드JUnit
펫프렌즈·2025년 9월 25일
DevOps
Github Action과 self-hosted runner로 구축하는 E2E 테스트 자동화: POC부터 확장까지 우리팀의 내재화 여정
이 글은 펫프렌즈 모바일 플랫폼 팀에서 iOS와 Android 앱의 웹뷰 UI 테스트를 Github Action과 self-hosted runner를 활용하여 자동화한 경험을 공유합니다. 기존 외부 테스트 서비스의 한계를 극복하고, 사내 앱의 특수한 요구사항을 반영하여 하나의 파이프라인에서 두 플랫폼의 테스트를 동시에 실행하는 환경을 구축했습니다. POC부터 시작하여 실제 운영 환경까지 내재화하는 과정을 상세히 설명하며, 이를 통해 E2E 시나리오 테스트의 효율성을 높인 방법을 제시합니다. 웹뷰 기반 앱을 운영하며 테스트 자동화에 대한 고민이 있는 개발자들에게 실질적인 도움을 줄 수 있는 내용을 담고 있습니다.
GitHub Actionsself-hosted runnerE2E 테스트
펫프렌즈·2025년 8월 20일
Frontend
프론트엔드 테스트 비용과 효용 사이에서
이 글은 프론트엔드 개발에서 테스트 코드 작성의 비용과 효용 사이의 딜레마를 다룹니다. 저자는 펫프렌즈 Post-Order 팀의 경험을 바탕으로, 테스트 코드 작성에 드는 시간과 리소스가 과연 충분한 가치를 제공하는지에 대한 고민을 공유합니다. 특히 배송 메시지 구조 변경과 같은 실제 개발 과정에서 테스트 코드가 어떻게 비효율을 야기할 수 있는지, 그리고 이를 극복하기 위한 저자의 생각과 인사이트를 제시합니다. 프론트엔드 테스트의 필요성에 대한 공감대 속에서도 발생하는 실질적인 고민과 그 해결 과정을 통해, 개발자들에게 테스트 코드 작성에 대한 새로운 관점을 제공하고자 합니다.
Frontend테스트 코드비용
펫프렌즈·2025년 7월 30일
Backend
레거시 탈출! 추천 구좌 시스템 개선기
본 글은 커머스 개발팀의 개인화 추천 구좌 시스템 개선 경험을 공유합니다. 기존 시스템은 여러 마이크로서비스를 동기 호출하고 고유 코드 기반으로 추천 스펙을 관리하여 복잡성과 유지보수 어려움을 야기했습니다. 특히, 추천 서버 연결을 담당하는 Connect 서버는 타 서비스와 공유되어 장애 전파 위험이 있었습니다. 개선 과정에서는 이러한 문제점을 해결하기 위해 아키텍처를 재설계하고, 코드의 난해함을 줄이며 시스템 안정성과 유지보수성을 높이는 데 집중했습니다. 이를 통해 고객에게 더욱 효과적인 맞춤형 상품 추천을 제공하는 기반을 마련했습니다.
개인화 추천시스템 개선레거시 시스템
펫프렌즈·2025년 5월 12일
Backend
Firehose부터 OpenSearch까지: AWS 서비스를 활용한 로그 분리 전략
이 글은 펫프렌즈 백엔드 개발팀에서 AWS OpenSearch를 활용하여 로그를 관리하는 전략을 공유합니다. 기존에는 ISM 정책을 통해 2주 이상 된 로그를 자동으로 삭제했지만, 특정 케이스에 대해 더 긴 로그 보관이 필요해지면서 로그 분리 전략을 도입하게 되었습니다. 로그 분리를 위해 MDC(Mapped Diagnostic Context)와 Logback의 조건부 처리 기능을 활용했으며, API 호출 시 특정 헤더 값을 통해 로그를 필터링하고 별도의 인덱스로 저장하는 방식을 설명합니다. 이를 통해 비용 효율성을 유지하면서도 필요한 로그를 효과적으로 관리하는 방법을 제시합니다.
AWSOpenSearch로그
펫프렌즈·2025년 4월 17일
Frontend
Playwright로 로그인을, Lighthouse로 성능을: 인증 페이지 성능측정 자동화
이 글은 Playwright를 활용하여 인증이 필요한 페이지의 로그인 과정을 자동화하고, Lighthouse를 이용해 해당 페이지의 성능을 측정하는 방법을 소개합니다. 기존 Lighthouse CI만으로는 접근하기 어려웠던 인증 기반 페이지의 성능 측정 한계를 극복하기 위해, Playwright로 로그인 세션을 구성하고 자동화된 성능 측정을 구현했습니다. 또한, 수집된 성능 데이터를 AWS CloudWatch로 전송하고 Grafana 대시보드에서 시각화하여 지속적인 성능 모니터링 환경을 구축한 과정도 공유합니다. 이를 통해 실제 서비스 환경과 유사한 조건에서 인증 페이지의 성능을 측정하고 관리할 수 있는 방안을 제시합니다.
PlaywrightLighthouse성능 측정
펫프렌즈·2025년 4월 10일
Backend
DocumentDB 성능 최적화: 슬로우쿼리 수집부터 AI를 활용한 인덱스 추천까지
이 글은 DocumentDB의 성능 최적화 과정을 다룹니다. AWS DocumentDB는 MongoDB와 호환되는 관리형 NoSQL 데이터베이스로, 특히 CQRS 패턴에서 조회 역할을 담당하며 서비스 안정성을 높이는 데 사용됩니다. 글에서는 DocumentDB 프로파일러 설정을 통해 슬로우쿼리를 수집하고, 이를 오픈서치(OpenSearch)로 전송하는 파이프라인 구축 과정을 설명합니다. 또한, 수집된 슬로우쿼리 데이터를 기반으로 ChatGPT API를 활용하여 효과적인 인덱스를 추천하는 AI 기반 솔루션까지 소개하며, 전반적인 DocumentDB 성능 개선 방안을 제시합니다.
DocumentDBPerformance Optimization슬로우쿼리
펫프렌즈·2025년 3월 7일
Backend
트래픽이 복사가 된다고?! 미러링 테스트 도입기 — nginx
본 글은 펫프렌즈 커머스개발팀에서 미러링 테스트를 도입한 과정을 공유합니다. 미러링 테스트(Traffic Shadowing)는 실제 트래픽을 복사하여 새로운 시스템이나 변경된 구성에서 테스트하는 방법으로, 프로덕션 환경에 영향을 주지 않으면서 새 기능의 안정성을 검증하는 데 유용합니다. 특히 조회 기능 API 테스트에 적용되었으며, Nginx, Diffy, AWS VPC Traffic Mirroring 등 다양한 도구 중 Nginx를 활용한 테스트 방법을 중점적으로 다룹니다. 이를 통해 실제 서비스 환경과 유사한 조건에서 변경 사항을 안전하게 검증하는 방법을 제시합니다.
미러링 테스트Nginx트래픽 복사
펫프렌즈·2025년 2월 11일
Backend
MSA 기반 미디어 업로드 고도화: 람다 함수 구조 변경으로 유지보수성 향상
펫프렌즈 백엔드 개발팀은 MSA 아키텍처 기반 커뮤니티 서비스의 미디어 업로드 기능을 고도화했습니다. 기존 Lambda 함수들이 동일한 IAM 역할을 사용하여 불필요한 권한을 포함하고 서비스 독립성이 저해되는 문제를 해결하기 위해, 각 Lambda 함수가 고유한 정보를 메시지로 발행하고 필요한 서비스는 이를 수신하여 활용하는 방식으로 구조를 변경했습니다. 이를 통해 각 Lambda의 서비스 독립성을 강화하고 유지보수성을 향상시켰습니다. Presigned URL 도입을 사전 작업으로 진행하여 미디어 업로드 프로세스를 최적화했습니다.
MSALambda미디어 업로드
펫프렌즈·2025년 1월 10일
Etc
iOS 앱개발자가 Appium으로 구현해본 웹뷰 테스팅
이 글은 iOS 앱 개발자가 XCUITest 대신 Appium을 사용하여 WebView 테스팅을 구현한 경험을 공유합니다. Appium은 크로스 플랫폼 테스트 자동화 프레임워크로, iOS와 Android 앱 모두에서 UI 테스트를 자동화할 수 있습니다. 특히 WebView는 웹 기술로 앱 내에서 웹 콘텐츠를 보여주는 컴포넌트인데, 이를 테스트하는 것은 일반적인 네이티브 UI 테스트와는 다른 접근이 필요합니다. 글에서는 Appium을 통해 WebView 요소를 탐색하고 상호작용하는 방법을 설명하며, 실제 개발 과정에서 겪었던 문제점과 해결 과정을 상세히 다룹니다. 이를 통해 iOS 앱 개발자들이 WebView 테스팅에 대한 실질적인 가이드라인을 얻고, 테스트 자동화 역량을 확장하는 데 도움을 줄 수 있습니다.
iOSAppiumWebView
펫프렌즈·2024년 12월 30일
Frontend
Lint Cl 속도 개선: 변경 파일만 검사하는 방법
이 글은 펫프렌즈 프론트엔드 개발자가 PR 생성 시 모든 파일을 검사하던 기존 Lint CI의 비효율성을 개선한 과정을 공유합니다. 기존 방식은 불필요한 리소스 사용과 실행 시간 증가, 결과의 불명확성을 야기했습니다. 이를 해결하기 위해 GitHub Actions와 Git Diff 명령어를 활용하여 PR에서 변경된 파일만 검사하도록 CI를 개선했습니다. 이를 통해 CI 속도를 향상시키고, 불필요한 검사를 줄여 개발 생산성을 높일 수 있었습니다. 이 개선은 코드 품질 유지와 CI/CD 파이프라인의 효율성을 동시에 달성하는 데 기여했습니다.
LintCIGitHub Actions
펫프렌즈·2024년 12월 12일
Architecture
ArchUnit으로 아키텍처 원칙을 코드로 지키는 방법
이 글은 ArchUnit을 사용하여 소프트웨어 아키텍처 원칙을 코드로 정의하고 검증하는 방법을 소개합니다. 펫프렌즈의 Post-Order 파트에서 모놀리틱 구조의 강결합 문제를 해결하기 위해 모듈화를 추진하는 과정에서 ArchUnit을 활용했습니다. ArchUnit은 아키텍처 원칙과 코딩 컨벤션을 테스트 코드로 자동화하여, 코드 레벨에서 즉각적이고 객관적인 검증을 가능하게 합니다. 이를 통해 개발 과정의 일관성을 높이고 코드 품질을 체계적으로 관리할 수 있습니다. 특히, 패키지 간 의존성을 명확하게 분리하는 선행 작업에 ArchUnit이 효과적으로 사용되었습니다.
ArchUnit아키텍처 원칙테스트 코드
펫프렌즈·2024년 12월 6일
Frontend
웹 성능 측정 자동화 비법: Lighthouse CI와 CI/CD의 만남
이 글은 펫프렌즈 커머스개발팀의 프론트엔드 개발자가 Lighthouse CI를 활용하여 웹 성능 측정 자동화를 CI/CD 파이프라인에 통합한 경험을 공유합니다. 기존 Lighthouse의 수동 측정 방식은 시간 소모적이고 결과의 일관성이 부족하다는 한계가 있었습니다. 이를 해결하기 위해 Lighthouse CI를 도입하여 측정 환경을 표준화하고 일관된 결과를 얻을 수 있게 되었습니다. 글에서는 병합 후 배포 완료 시 자동으로 Lighthouse CI를 트리거하고, 측정 결과를 가공하여 팀 워크플로우에 통합하는 구체적인 프로세스를 설명합니다. 이를 통해 웹 애플리케이션의 성능을 지속적으로 관리하고 사용자 경험을 개선하는 것을 목표로 합니다.
웹 성능Lighthouse CICI/CD
펫프렌즈·2024년 11월 28일
Backend
백앤드서버에게 자유를 PresignedURL
펫프렌즈 백엔드 개발팀은 커뮤니티 서비스 시작 후 이미지/비디오 업로드량 급증으로 인한 서버 메모리 사용량 증가 문제를 겪었습니다. 기존에는 프론트엔드에서 백엔드로 데이터를 전송한 후 백엔드가 S3에 업로드하는 방식이라 파일 크기가 클수록 처리 속도가 느려지는 문제가 있었습니다. 이 문제를 해결하기 위해 AWS S3의 '미리 서명된 URL(Presigned URL)' 기능을 도입했습니다. Presigned URL을 사용하면 백엔드를 거치지 않고 프론트엔드에서 직접 S3에 파일을 업로드할 수 있어, 업로드 프로세스의 효율성을 크게 향상시킬 수 있습니다. 이 기능은 확장성과 유연성을 고려하여 설계되었으며, 커뮤니티뿐만 아니라 펫프렌즈 내 다른 도메인에서도 활용될 수 있도록 했습니다. 이를 통해 서버 성능 부담을 줄이고 전반적인 서비스 속도를 개선하는 효과를 얻었습니다.
Presigned URLS3파일 업로드
펫프렌즈·2024년 11월 28일