웹·시스템모바일앱인프라

오올블루(OH ALLBLUE) – 엔터프라이즈 플랫폼 개발

스쿠버다이빙 엔터프라이즈 플랫폼 — 기획·디자인·웹·앱·백엔드·인프라 전과정을 GUNIQ 단일 팀이 설계하고 운영

CATEGORY

웹·시스템모바일앱인프라

TECH STACK

Java, Spring Boot, Spring Security, React, TypeScript, Flutter, Dart, PostgreSQL, Elasticsearch, Keycloak, Kong, Docker, MinIO, Matrix, GLSL

CLIENT

주니크 (자체)

PERIOD

2026.01 – 진행 중

OH ALLBLUE는 스쿠버다이빙 경험 전체를 하나의 플랫폼으로 연결하는 엔터프라이즈급 소셜 서비스입니다.
다이브 로그북, 해양생물 도감, 다이브 포인트, 클럽 커뮤니티, 실시간 채팅, GPU 수중 색보정 필터까지 —
다이버가 필요한 모든 기능을 단일 서비스로 통합했습니다.

웹 플랫폼(React + Spring Boot MSA)과 iOS/Android 앱(Flutter)을 단일 팀이 함께 개발·운영합니다.
기획·디자인·프론트엔드·앱·백엔드·인프라까지 GUNIQ가 전 과정을 수행했습니다.

OH ALLBLUE 공식 로고

about.oh-allblue.com

8
MSA 서비스
32,879
해양생물 종 DB
Web + iOS + Android
3 플랫폼
8
외부 DB 연동

OH ALLBLUE 소셜 피드 메인 화면

소셜 피드 — 다이버들의 로그북이 타임라인으로 연결됩니다

주요 기능

다이브 로그북

다이브 기록을 Instagram 스타일로 관리합니다. 회원별 다이브 넘버링(Window Function 자동 순번),
장소·수온·시야·깊이·장비 정보, 버디 태그, 이미지·영상 첨부를 지원합니다.
퍼가기 기능으로 동일 다이브의 버디 로그를 참조할 수 있으며,
로그북 이미지는 다이브 포인트 갤러리에 자동 연동됩니다.

로그북 마법사 1단계 — 미디어 업로드
로그북 마법사 2단계 — 기본정보 입력
로그북 마법사 3단계 — 환경정보 입력
로그북 마법사 4단계 — 개인화 설정

로그북 4단계 마법사 — 미디어 → 기본정보 → 환경 → 개인화

해양생물 도감

WoRMS, FishBase, GBIF, iNaturalist, IUCN 5개 외부 DB와 연동해 32,879종의 해양생물 데이터를 제공합니다.
한국어·영어·일본어·중국어 다국어 검색(Nori / Kuromoji / ICU 분석기, edge-ngram 자동완성)과
BM25 + 인기도 + 시간 감쇠 복합 스코어링으로 정밀 검색 랭킹을 구현했습니다.

OH ALLBLUE 해양생물 도감 32,879종 검색 화면

다이브 포인트

전국·해외 다이브 포인트를 지도 기반으로 탐색합니다.
깊이·조류·시야·난이도·입수 유형·최적 시즌 등 다이빙 특화 메타데이터,
커뮤니티 갤러리(popularity score 기반 이미지 정렬), 포인트별 방문 로그·위시리스트를 포함합니다.

다이브 포인트 지도 기반 탐색 데스크탑 화면
다이브 포인트 모바일 화면

클럽 & 커뮤니티

사업자 인증 클럽이 모임과 게시판을 운영합니다.
OWNER → SUB_MANAGER → STAFF → SPECIAL_MEMBER → MEMBER 5단계 권한 체계,
모임 참가 신청·승인 워크플로우, Tiptap 기반 리치 에디터 게시판(커스텀 Image 익스텐션 포함)을 제공합니다.

스쿠버다이빙 클럽 커뮤니티 데스크탑 화면
클럽 모바일 화면

실시간 채팅

Matrix / Synapse 서버 기반 1:1·그룹 채팅을 제공합니다.
웹(Matrix.js SDK)과 앱(Flutter Matrix SDK) 모두에서 동일 채팅 공간에 접근하며,
폐쇄형 서버로 운영해 모든 메시지가 자체 서버에 보관됩니다.

Matrix Synapse 기반 다이버 간 실시간 채팅 화면

GPU 수중 색보정 필터

GLSL Fragment Shader로 수중 사진의 색보정 필터를 구현했습니다.
수중에서 적색 파장이 감쇠하는 물리적 특성을 GPU 단에서 보정해 자연스러운 수중 색감을 복원합니다.
모바일 앱(Flutter) 갤러리와 연동되어 촬영 직후 실시간 보정이 가능합니다.

수중 색보정 필터 데스크탑 화면

웹 (데스크탑)

수중 색보정 필터 모바일 화면

앱 (iOS/Android)

인증 & 보안

Refresh Token은 httpOnly 쿠키, Access Token은 React 메모리 변수에만 보관하는 BFF 패턴을 적용했습니다.
Google·Kakao·Naver 소셜 로그인(Keycloak Identity Provider), 사업자 회원 단계별 심사
(PERSONAL → PENDING → REVIEWING → BUSINESS), 서비스 간 X-Internal-Secret 헤더 격리를 포함합니다.

Keycloak 소셜 로그인 사업자 단계별 심사 화면

모바일 앱 (iOS / Android)

iOS/Android 단일 코드베이스(Flutter). Dart 소스 250+ 파일, 60+ 화면,
7개 도메인 피처 모듈(feed·club·search·profile·messages·notification·media_filter)로 구성했습니다.
Riverpod 2.x 상태관리, Keycloak OIDC PKCE 인증, Dio 기반 자동 토큰 갱신,
FCM 푸시 + 딥링크 라우팅, Sentry 모니터링을 포함합니다.

OH ALLBLUE 모바일 홈 피드 화면

홈 피드

OH ALLBLUE 모바일 로그북 화면

로그북

OH ALLBLUE 모바일 색보정 화면

색보정

OH ALLBLUE 모바일 프로필 화면

프로필

OH ALLBLUE 모바일 클럽 화면

클럽

OH ALLBLUE 모바일 다이브 포인트 화면

다이브 포인트

OH ALLBLUE 모바일 화면 화면

화면

OH ALLBLUE 모바일 화면 화면

화면

백엔드 아키텍처

도메인 바운디드 컨텍스트 기준 8개 Spring Boot 서비스
(member · logbook · club · diveinfo · fishinfo · equipment · notif · adm)로 분리한
모노레포 기반 MSA 구조입니다. Kong API Gateway(9200포트)가 라우팅·CORS를 담당하고,
각 서비스가 Keycloak JWT를 직접 검증하는 BFF 패턴을 적용했습니다.

OH ALLBLUE MSA 백엔드 아키텍처 다이어그램 — 8개 Spring Boot 서비스 Kong Keycloak

MSA 백엔드 — 8개 Spring Boot 서비스 + Kong API Gateway + Keycloak

인프라

단일 서버 Docker Compose 운영에서 6대 서버 분산 배치(차세대 인프라)로 이전 중입니다.
Kong, Keycloak, OpenLDAP, PostgreSQL 17, Elasticsearch 8, Synapse Matrix, MinIO를 모두 자체 운영하며,
OPNsense + Caddy TLS 엣지 라우팅을 적용합니다.

OH ALLBLUE 6서버 분산 Docker 인프라 아키텍처 구성도

인프라 구성 — 6서버 분산 배치 아키텍처

기술 스택

백엔드

JavaSpring BootSpring SecurityJPA / Hibernate

API Gateway

KongKeycloakOpenLDAP

프론트엔드

ReactTypeScriptViteZustandTiptap

모바일

FlutterDartRiverpodflutter_appauthDio

데이터베이스

PostgreSQL 17Elasticsearch 8Window Function

스토리지

MinIOS3-compatible API

채팅

MatrixSynapseMatrix.js SDKFlutter Matrix SDK

인프라

DockerDocker ComposeCaddyOPNsense

GPU / AI

GLSL Fragment ShaderFCM PushSentry

GUNIQ의 역할

OH ALLBLUE 전 과정을 GUNIQ 단일 팀이 수행했습니다.

제품 기획 · UX
서비스 구조 정의, 화면 흐름 설계, 사용자 리서치
UI 디자인 · 브랜드
디자인 시스템, 컴포넌트 라이브러리, 브랜드 아이덴티티
프론트엔드
React SPA, Zustand, Tiptap 커스텀 에디터
iOS / Android 앱
Flutter 단일 코드베이스, 60+ 화면, 7개 피처 모듈
백엔드 MSA
Spring Boot 8서비스, Kong, Keycloak, BFF 패턴
데이터베이스 · 검색
PostgreSQL 17, Elasticsearch 다국어 검색, Window Function
인증 · 보안
Keycloak OIDC, 소셜 로그인, httpOnly 쿠키 BFF
인프라 · DevOps
Docker Compose, 자체 서버 운영, Caddy TLS

OTHER PROJECTS

다른 프로젝트

비슷한 프로젝트가 필요하신가요?

기획부터 개발, 운영까지 함께 만들어 드립니다.