2026.01.06 - 2026.02.27 · 6인 Full Stack · Code808
대규모 실시간 통신 및 상태 관리 최적화를 적용한 단일 기업용 B2B HR·웰빙 SaaS 통합 관리 플랫폼.
다중 접속 환경에서의 WebSocket·SSE 기반 실시간 데이터 스트리밍과 멀티테넌시 아키텍처를 통한 기업 간 완전한 데이터 격리를 구현한 클라우드 구독형 서비스입니다.
아키텍처 및 주요 API
본인 담당 기능
-
실시간 채팅
WebSocket(STOMP) 기반 1:1 / 그룹 채팅, 메시지 수정·삭제·읽음 처리 구현
-
직원 대시보드
개인 업무 통계·정서 지수 요약 데이터 조회 및 실시간 현황 화면
-
출퇴근 로직
출근·퇴근 체크, 기분(Emotion) 기록, 업무중·회의중·외출중 근무 상태 변경 API
-
협업 체계 구축
Git 커밋 컨벤션 · 이슈 템플릿 도입으로 병합 충돌 방지 및 리뷰 효율 향상
주요 트러블슈팅
-
N+1 문제 해결 및 서버 메모리 매핑 최적화 (응답속도 25초 ➡️ 0.9초)
사내 대시보드 목록 조회 시 반복문(for) 내에서 직원별 휴가, 스트레스, 쿨다운 정보를 3개의 레포지토리로 각각 조회하여
총 150개의 단건 쿼리가 연쇄적으로 발생하는 N+1 구조적 결함을 발견했습니다. 이로 인해 화면 로딩에 25초가
소요되었습니다.
문제를 해결하기 위해 개별 조회 로직을 WHERE IN 절을 활용한 벌크 조회(Batch Fetch)로 변경하고, 이를 애플리케이션
메모리 단에서 Map 자료구조를 이용해 매핑(O(1))하는 방식으로 리팩토링했습니다. 결과적으로
쿼리 호출 횟수를 150개에서 3개로 단축하고 응답 속도를 0.9초로 대폭 개선하여 DB 부하를
원천 차단했습니다.
-
JWT & 프론트 통신 403 Error 해결
부서 및 근태 내역 조회 시 발생하던 403 에러 원인으로 프론트엔드의 로컬 키 불일치(token vs
authToken)와 순수 Axios 직접 import 휴먼 에러를 교차 분석해 해결했습니다.
기술 스택
Java 17Spring Boot
Spring AISpring Security
JPAMySQL
RedisWebSocket
SSEOpenAI
Google Cloud STTReact 18
ZustandDocker
2025.10.23 - 2025.11.19 · 6인 Full Stack · W3C
수기·엑셀 기반 병원 관리의 비효율을 해결하기 위한 통합 병원 ERP 시스템.
예약, 진료, 근태 관리를 포함한 병원 운영 전 영역을 디지털화.
아키텍처
본인 담당 기능
-
DB 모델링 및 설계 (DB Lead)
ERD 설계부터 CONSTRAINT FK_...,
CONSTRAINT CHK_STATUS CHECK (STATUS IN ('Y', 'N', 'R')) 등 데이터베이스 단의 무결성 검증
설정 주도
-
쿼리 최적화
Oracle LISTAGG(name, ',') WITHIN GROUP (ORDER BY id) 및 서브쿼리 활용으로 N+1 데이터 병합
해결. View 도입으로 비즈니스별 복잡한 Join 성능 향상 및 SQL 복잡도 감소
-
근태 자동화
LocalTime API로 출결 상태(정상/지각/조퇴/결근) 자동 판별 로직 구현
주요 트러블슈팅
-
데이터 무결성 확보 및 DB 병합 충돌 해결
로컬 환경 개발 시 상태값 체크 조건(예: A 개발자는 '1, 2, 3', B 개발자는 'Y, N, R' 기반)이 통일되지 않아 DB 병합 시 지속적인 데이터
충돌 및 정합성 오류가 발생했습니다.
DB 관리자로서 문제 원인이 단순 문서 부재가 아닌 명시적 제약조건 적용 누락에 있음을 파악하고, 상태 컬럼 타입을 통일한 뒤
CONSTRAINT CHK_STATUS CHECK (STATUS IN ('Y', 'N', 'R'))와 같은 데이터베이스 단의 Check
제약 조건을 강제했습니다. 이후 공통 더미 데이터를 배포하여 팀 전체의 개발 환경을 동기화하고 잠재적인 데이터 무결성 훼손을
차단했습니다.
기술 스택
JavaSpring Boot
MyBatisOracle
JSPJSTL
2025.10.02 - 2025.10.19 약 3주
파편화된 큐브 기능(타이머·기록·알고리즘·커뮤니티)을 통합한 스피드큐빙 올인원 비동기 웹 플랫폼.
수많은 큐브 이용자에게 필요한 기능성 도구들과 실시간 통계를 집약하여 통합 관리하며 타이머의 누적 오차와 렌더링 성능 최적화에 집중한 1인 기획/개발 프로젝트입니다.
아키텍처
구현 기능 및 기술적 도전
- 정밀 타이머 — setInterval 누적 오차 문제를 Date.now() Delta Time
방식으로 해결, 0.001초 단위 측정
- 상태 머신 UX — Stackmat 타이머 UX 이식(idle → holding →
running), WCA 규격 20-move 스크램블 생성
- 3D 알고리즘 라이브러리 — VisualCube API 연동으로 LBL/CFOP 단계별 3D
시각화
- 상태 최적화 — Zustand 도입으로 빈번한 갱신 시 불필요한 리렌더링 최소화
주요 트러블슈팅
기술 스택
Java 17Spring Boot 3.4
Spring Data JPAMySQL
H2React (Vite)
JavaScript ES6+Zustand
Styled-ComponentsVisualCube API
