우리가
배운 것들
썸블링을 만들어가는 사람들이 제품, 기술, 디자인에 대해 솔직하게 씁니다.
Blur-First 매칭 — 외모보다 내면을 먼저 보는 이유
썸블링이 프로필 사진을 처음부터 흐리게 처리하는 이유, 외모 편향이 관계의 질에 미치는 영향, 그리고 Blur-First 철학이 만들어내는 다른 종류의 첫인상을 설명합니다.
OCEAN Big Five — 성격 심리학이 데이팅 앱에 들어오기까지
Costa & McCrae의 Big Five 성격 모델이 왜 학문적 금표준인지, 50문항이 어떻게 5개 차원으로 매핑되는지, 그리고 MBTI 대신 OCEAN을 선택한 이유를 설명합니다.
React Native + Expo SDK 54 — 웹에서 네이티브로의 전환기
썸블링이 Next.js 웹 앱에서 React Native + Expo 네이티브 앱으로 전환한 이유와 과정을 공유합니다. Expo SDK 54 New Architecture, expo-router 파일 기반 라우팅, NativeWind, 웹과 모바일의 코드 공유 전략, EAS 빌드 파이프라인까지 실전 경험을 담았습니다.
구독 시스템 설계 — FREE·PLUS·PREMIUM 3단계 티어의 기술적 구현
썸블링의 구독 시스템이 어떻게 설계되었는지 살펴봅니다. 데이터베이스 스키마, 구독 생명주기 자동 처리, 티어별 기능 게이팅, 토스페이먼츠 결제 연동, 그리고 프론트엔드의 구독 상태 확인 방법까지 전 과정을 기술적으로 설명합니다.
코사인 유사도, 쉽게 이해하기 — 두 사람의 성격이 얼마나 닮았는지 측정하는 법
삼각함수에서 태어나 검색 엔진을 거쳐 데이팅 앱까지. 코사인 유사도의 수학적 원리, 역사적 배경, 과학적 근거를 비개발자도 이해할 수 있도록 풀어봅니다.
JWT + OAuth2 인증 아키텍처 — Access Token, Refresh Token, 소셜 로그인 통합 설계
AES-256 암호화 JWT, httpOnly 쿠키 Refresh Token, 카카오·구글·애플 OAuth2 소셜 로그인을 하나의 인증 시스템으로 통합하기까지의 설계 과정과 Spring Security 구현
실시간 채팅 아키텍처: STOMP + Redis로 만든 메시징 시스템
순수 WebSocket 대신 STOMP를 선택한 이유부터 Redis 키 패턴 설계, 낙관적 업데이트, 커서 페이지네이션, 그리고 수평 확장 전략까지 — 썸블링 채팅 시스템 구현의 모든 것
만남 시스템 설계 — 예약금으로 노쇼를 줄이는 행동 경제학
오프라인 만남의 노쇼 문제를 해결하기 위해 썸블링이 설계한 카드 예약금 시스템, 8가지 만남 상태 머신, 그리고 만남 후기가 매칭 품질을 높이는 선순환 구조까지
관리자 대시보드 설계기 — 데이팅 앱 운영을 위한 어드민 UX
신고 처리부터 푸시 알림 세그먼트 타겟팅까지, 썸블링 어드민 대시보드를 Next.js + Tailwind 다크 테마로 설계하면서 겪은 UX 의사결정을 공유합니다
썸블링 디자인 시스템: 다크 테마로 감성을 전달하다
왜 데이팅 앱은 어두워야 하는가 — #0F0E17 배경부터 #7F5AF0 보라까지, 썸블링 디자인 시스템의 색상·타이포그래피·컴포넌트 철학과 접근성 고려까지 전부 풀어봅니다
일일 매칭 배치 시스템 설계 — Spring Scheduler에서 대규모 파이프라인까지
Spring Scheduler 기반 일일 매칭 배치 아키텍처, 필터링→스코어링→선택 파이프라인 설계, 그리고 사용자 수 증가에 대응하는 최적화 전략을 상세히 설명합니다.
Spring Boot 멀티모듈로 데이팅 앱 백엔드 설계하기
단일 모듈의 한계를 깨닫고 6개 모듈로 분리하기까지 — aro-core, aro-auth, aro-matching, aro-chat, aro-api, aro-infra의 의존성 설계와 Gradle Kotlin DSL 빌드 전략
50문항을 끝까지 풀게 만드는 UX — Soul Test 설계 과정
정확도와 이탈률 사이의 딜레마를 해결하기 위해 썸블링이 선택한 대화형 UI, 카테고리 전환 설계, 자동 저장, 결과 연출까지 Soul Test UX 설계 전 과정을 공개합니다.
초대 코드와 바이럴 퀴즈 — 데이팅 앱의 오가닉 그로스 엔진 설계
초대 코드의 양면 보상 구조, 비로그인 바이럴 퀴즈의 전환 퍼널, 그리고 두 시스템이 만들어내는 그로스 루프의 기술적 설계를 공유합니다.
AI가 성격으로 매칭하면 진짜 잘 맞을까?
스와이프 피로와 연속 이별의 악순환을 끊기 위해 썸블링이 OCEAN 성격 모델과 코사인 유사도를 선택한 이유, 그리고 Soul Score가 계산되는 방식까지
Zustand로 데이팅 앱 상태 관리하기 — 8개 스토어 아키텍처
Redux도 Context API도 아닌 Zustand를 선택한 이유, 8개 도메인 스토어 분리 전략, WebSocket 실시간 상태 동기화, 낙관적 업데이트 패턴까지 썸블링 프론트엔드 상태 관리의 모든 것
Soul Score 알고리즘 — 코사인 유사도로 성격 궁합을 계산하는 방법
두 사람의 OCEAN 성격 벡터, 가치관, 애착유형을 하나의 매칭 벡터로 합산하고 코사인 유사도로 궁합 점수를 산출하는 썸블링의 Soul Score 알고리즘을 상세히 설명합니다.
차단·신고·가이드라인 — 데이팅 앱 신뢰 시스템의 기술 설계
회원 차단이 매칭과 채팅에 미치는 파급 효과, 6가지 신고 사유와 4단계 제재 시스템, 그리고 커뮤니티 가이드라인이 안전한 만남을 만드는 기술적 설계를 공유합니다.
QueryDSL 동적 쿼리 최적화 실전기 — 매칭 후보 검색과 N+1 해결
썸블링 매칭 시스템에서 QueryDSL을 도입하여 동적 필터링 쿼리를 최적화하고, BooleanBuilder vs BooleanExpression 비교, fetchJoin N+1 해결, Native Query 조합까지 실전 경험을 공유합니다.
STOMP WebSocket으로 1:1 채팅 만들기 — Spring Boot + Next.js 실전 가이드
raw WebSocket, STOMP, Socket.IO 중 무엇을 선택할지부터 Spring Boot 서버 설정, JWT 인증, 타이핑 인디케이터, 읽음 처리, 낙관적 업데이트, REST 폴백까지 — 썸블링 채팅 구현 코드 중심 가이드
모바일 퍼스트 데이팅 앱 UX 설계 — 스와이프, 블러, 감성적 모션까지
스와이프 UI vs 카드 기반 매칭 비교부터 블러 해제 인터랙션, Framer Motion 활용 감성적 모션 설계까지 썸블링의 모바일 퍼스트 UX 의사결정 과정을 공유합니다.
애착 유형 궁합 매트릭스 — 안정형·불안형·회피형·혼란형, 4가지 조합별 궁합 설계
John Bowlby의 애착 이론을 기반으로 4가지 애착 유형 간 16가지 조합의 궁합을 분석하고, 썸블링이 규칙 기반 호환성 점수를 어떻게 설계했는지 설명합니다.
아직 글이 없어요
해당 카테고리의 글이 아직 없어요.
다른 카테고리를 둘러보거나 나중에 다시 확인해 주세요.