모든 블로그
더핑크퐁컴퍼니

더핑크퐁컴퍼니

도메인medium.com
주요 카테고리 Frontend · Backend · DevOps

활동 요약

대표 인기 포스트베베핀 타운 AR 도입기: Unity AR Foundation 선택부터 적용까지 (1편)160 조회
최근 30일
0개
평균 조회
47
누적 조회
562
전체 글
12개
마지막 발행
2026. 5. 21.
블로그 방문

최신 게시글 (12)

프론트엔드

베베핀 타운 AR 도입기: Unity AR Foundation 선택부터 적용까지 (1편)

Unity AR Foundation으로 iOS와 Android의 Face Tracking을 공통 구조로 통합하는 과정을 정리했습니다. 영유아 서비스 특성에 맞춰 기기 기준과 개인정보 처리 원칙까지 함께 고려했습니다.

#Unity#AR Foundation#iOS
16000

프론트엔드

Next.js App Router에서 prefetchQuery와 Suspense로 뚜루루뚜루 데이터 스트리밍하기

Next.js App Router에서 React Query v5.40.0과 Suspense로 데이터 로딩 전략을 비교했습니다. await 없는 prefetch와 점진적 렌더링으로 더 자연스러운 UX를 얻을 수 있음을 실험했습니다.

#Next.js#App Router#React Query
12500

백엔드

핑크퐁의 통합 데이터 환경 구축기 (feat. Snowflake)

데이터 소스가 분산된 환경에서 Snowflake 중심의 통합 데이터 플랫폼을 구축한 사례입니다. 로그 수집부터 분석까지 파이프라인을 단순화하고 운영 효율을 높였습니다.

#Snowflake#AWS Kinesis#Elasticsearch
6700

프론트엔드

Retool을 활용한 로그 데이터 시각화

Retool로 Snowflake와 GraphQL 기반 로그 시각화 대시보드를 구축한 과정을 소개했습니다. Kibana와 Tableau의 한계를 보완하며 빠른 개발과 커스텀 기능을 확보했습니다.

#Retool#logging#데이터 시각화
2300

프론트엔드

텍스처 압축으로 유니티 모바일 게임 메모리 최적화하기

Unity 모바일 게임에서 텍스처 압축이 메모리 최적화에 얼마나 중요한지 설명했습니다. ASTC 적용과 포맷 선택 기준을 통해 실제 메모리 절감 사례도 함께 소개했습니다.

#Unity#mobile#텍스처 압축
1900

프론트엔드

Next.js 프로젝트 Migration과 Refactoring 과정을 공유합니다.

Next.js v9 기반 레거시 프로젝트를 v12로 마이그레이션하고, SWC와 import 최적화로 성능을 개선했습니다. 또한 Moment.js를 Day.js로 교체하며 번들 크기를 줄이고 리팩터링 안정성을 높였습니다.

#Next.js#React#migration
2500

프론트엔드

Jotai는 조-타이 라고 읽습니다.

Jotai를 Redux·Context API·Recoil과 비교하며 도입 배경과 선택 기준을 정리했습니다. atom, 파생 atom, Provider, 주요 유틸과 참조 안정성 주의점을 소개합니다.

#React#Jotai#상태 관리
2300

프론트엔드

MSW 사용하여 테스트 코드 작성하기 with GraphQL, react-query

MSW로 GraphQL·react-query 요청을 네트워크 수준에서 모킹하는 Jest 테스트 구성을 소개했습니다. 공통 렌더러와 핸들러로 응답별 UI를 검증하는 방법을 설명합니다.

#MSW#GraphQL#React
3300

백엔드

Google BigQuery와 Data Studio를 활용한 앱 광고 매출 대시보드 개발기

광고 플랫폼 확장 부담이 큰 기존 분석 시스템을 BigQuery와 Data Studio로 이전했습니다. 파티션·DML 배치 적재·뷰 기반 대시보드로 비용과 운영 부담을 관리했습니다.

#BigQuery#Data Studio#node.js
2400

프론트엔드

react-testing-library 의 fireEvent 를 userEvent로 마이그레이션 하기 with Antd

fireEvent 기반 테스트를 userEvent로 전환하며 실제 사용자 상호작용을 반영했습니다. Ant Design 컴포넌트의 포인터 이벤트와 multiple select mocking 이슈를 해결했습니다.

#React#React Testing Library#userEvent
2000

데브옵스

ConsoleMe 적용해보기

AWS 권한 관리를 위해 ConsoleMe를 EC2 환경에 로컬 설치하고 운영 설정을 구성했습니다. IAM 역할 전환, Google 그룹 연동, Slack·Sentry 알림 적용 팁을 공유합니다.

#AWS#ConsoleMe#IAM
1100

데브옵스

How to implement ConsoleMe

과도한 AWS 접근 권한을 관리하기 위해 ConsoleMe를 로컬 환경에 구축하는 절차를 소개했습니다. 인증·그룹 매핑·권한 요청과 IAM 역할 전환, 운영 설정의 주의점을 정리했습니다.

#ConsoleMe#AWS#IAM
3200