이다인
포트폴리오

프로젝트 보기

01 / PROJECTS

주요 개발 프로젝트

02 / 04

Toonie

Toonie의 지도 기반 만화카페 탐색 화면

만화카페 책 대여 웹 서비스

지도 기반으로 만화카페 위치와 보유 도서를 확인하고, 책 대여 및 예약까지 한 번에 할 수 있는 서비스입니다.

기간2025.01 ~ 2025.09 / 2026.02 ~ 진행 중
담당실시간 채팅 백엔드 · 소셜 로그인·지도·게시판 프론트엔드 · CI/CD
  • React
  • TypeScript
  • Recoil
  • React Query
  • WebSocket
  • STOMP

트러블슈팅

Toonie

  1. 채팅 연결 인증

    문제:
    STOMP 채팅 연결은 REST API 요청과 인증 시점이 달라, 연결 요청만으로는 채팅 사용자를 확인할 수 없었습니다.
    해결:
    WebSocket과 STOMP로 1:1 채팅을 구현하고, STOMP CONNECT 시점에 JWT 인증을 적용했습니다.

  2. 선택 도서 상태 공유

    문제:
    장바구니에서 선택한 책을 다른 페이지에 전달하려면 여러 컴포넌트를 거쳐 props를 내려줘야 했습니다.
    해결:
    Recoil로 선택 도서를 중앙에서 관리해 컴포넌트 간 직접 전달 없이 공유하도록 바꿨습니다.

  3. 가게 목록 재조회

    문제:
    가게 목록 화면을 다시 열 때 같은 데이터를 요청하는 API 호출이 반복됐습니다.
    해결:
    React Query로 가게 주인이 소유한 가게 목록을 캐싱해 반복 호출을 줄였습니다.
Frontend ↗Backend ↗
03 / 04

What’s In My Bag

What's In My Bag 커뮤니티 메인 화면

가방 속 아이템을 공유하고 기록하는 웹 서비스

사진과 게시글을 작성하고 관리할 수 있도록 구현하고, 멀티 서버 환경을 구축한 서비스입니다.

기간2024.03 ~ 2024.11
담당DB 구축 · 로그인·게시판 프론트/백엔드 · CI/CD 파이프라인
  • Node.js
  • Express
  • MySQL
  • Docker
  • Jenkins
  • Kubernetes

트러블슈팅

What’s In My Bag

  1. 로그인 세션 불일치

    문제:
    서버를 여러 대로 확장한 뒤 로그인 요청과 후속 요청이 서로 다른 서버로 전달되면 세션이 유지되지 않았습니다.
    해결:
    세션 클러스터링과 별도 세션 저장소를 검토한 뒤, 당시 서비스 규모와 인프라에 맞춰 Sticky Session을 선택했습니다. Kubernetes Service 설정에 sessionAffinity: ClientIP를 추가했습니다.
    결과:
    멀티 서버 환경에서도 사용자의 인증 상태를 유지할 수 있게 했습니다.

  2. DB 연결 과다

    문제:
    요청 처리에 사용한 커넥션이 반납되지 않아 MySQL 연결 수가 늘었고, Too Many Connection 오류로 DB 접속이 막혔습니다.
    해결:
    처음에는 최대 연결 수를 늘렸지만 근본적인 해결은 아니었습니다. 요청 처리에 사용한 커넥션을 명시적으로 반납하도록 수정했습니다.
GitHub ↗
04 / 04

Comma

Comma의 일기와 감정 분석 서비스 화면

우울증 환자를 위한 AI 감정 분석 서비스

사용자가 작성한 일기를 KoBERT 모델로 감정 분석하는 웹 서비스입니다.

기간2024.07 ~ 2024.08
담당DB 구축 · 방명록·프로필 프론트/백엔드
  • Node.js
  • Express
  • EJS
  • MySQL
  • KoBERT

트러블슈팅

Comma

  1. 방명록 검색 속도

    문제:
    방명록과 댓글 데이터가 많은 상태에서 LIKE 검색으로 단어 하나를 조회하는 데 평균 약 3초가 걸렸습니다.
    해결:
    ngram 파서와 BOOLEAN MODE를 적용한 전문 검색 방식으로 바꿨습니다.
    결과:
    평균 조회 시간을 1초 미만으로 줄였습니다.

  2. 검색 입력 중 API 호출

    문제:
    검색어를 완성하기 전 ‘ㄱ → 기 → 김’처럼 글자가 바뀌는 단계마다 API 요청이 발생했습니다.
    해결:
    검색 입력에 디바운스를 적용해 불필요한 API 호출을 줄였습니다.
GitHub ↗

02 / OTHER PROJECTS

기타 프로젝트

01 / IDEA & PATENT

홈 트레이닝 자세 안내 프로그램

신체 맞춤형 홈 트레이닝 동작 안내 시스템 구상도

‘사용자 신체 맞춤형 홈 트레이닝 동작 안내 및 교정 시스템’이라는 주제로 아이디어 공모전에 참여했습니다. 아이디어의 차별성을 인정받아 특허 등록을 완료했습니다.

02 / COMPUTER VISION

무인 점포 이상행동 탐지 프로그램

무인 점포 이상행동 탐지 모델의 구현 결과

‘데이터기반 서비스디자인’ 전공 수업에서 아이디어를 제안했습니다. AI-Hub의 절도 영상을 훈련 데이터로 사용해 YOLO 모델을 학습시키고, 테스트 데이터셋으로 정확성을 검증했습니다.