Phaser 3 기반 웹 게임부터 WebRTC 기반 AI 음성 대화 서비스까지, 프론트엔드 · 백엔드 · DevOps를 아우르며 실제 서비스에 다양한 기술 스택을 적용했습니다. 문제 해결이 필요한 곳이라면 언어나 도구에 얽매이지 않고 직접 부딪치며 경험을 확장해왔습니다.

• Codyssey 튜터 _{2025.09 ~}
• Codyssey X SeSAC 수료 _{2024.12 ~ 2025.03}
  • 과학기술정보통신부 장관상(Codyssey X SeSAC 대상) _2025.03.31
• 삼성 청년 SW 아카데미(SSAFY) 10기 수료 _{2023.07 ~ 2024.06}
  • 삼성 청년 SW 아카데미 특화 프로젝트(메타버스/게임) 우수상 _2024.04.05
  • 삼성 청년 SW 아카데미 1학기 프로젝트 최우수상 _2023.11.24
• 42 Seoul 9기 _{2023.03 ~}
• 아주대학교 금융공학과 졸업 _{2014.03 ~ 2023.02}

• NoColored   [] [ Frontend]
  숨바꼭질 기반의 2~4인 경쟁 Web 게임
  _{자세히 보기}

  누구나 쉽게 즐길 수 있는 게임을 목표로, 제한 시간 내 숨어있는 상대를 찾아 공격하는 게임을 기획했습니다. 점프와 방향 전환 두 가지 조작만으로 플레이할 수 있도록 설계하고, 데스크탑과 모바일 모두에서 이용 가능한 반응형 UI를 구현했습니다.

  • WebSocket 기반 서버-클라이언트 통신 설계 및 구현
    • JSON → 게임 대기실 입/퇴장, 게임 준비/시작 등 이벤트 처리
    • 바이너리 데이터 → ArrayBuffer, DataView로 해석 후 60fps 기반 게임 렌더링
  • 게임 특성에 최적화된 반응형 UI 구현
    • 화면을 회전하여 플레이 → 일반적인 가로 기준(width)이 아닌 세로 기준(height) 활용
  • 사용자 피드백을 통한 기능 업데이트 및 UX 개선
    • 신규 맵 추가로 플레이 다양성 확보 및 게임 속도 조정
    • 캐릭터 가시성 향상을 위한 파티클 이펙트 추가

  
  

• NAIVIS   [ Backend] [ Frontend]
  가상 아바타 AI 음성 대화 서비스
  _{자세히 보기}

  LLM이 생성한 답변을 음성으로 변환하고 아바타와 실시간으로 동기화하여 시각적 소통을 강화하고 사용자 몰입도를 높였습니다. 사용자가 끊김 없이 자연스러운 대화를 경험할 수 있도록 레이턴시 최소화를 목표로 개발했습니다.

  • WebRTC를 활용한 양방향 음성 스트리밍 구축
  • 음성대화 파이프라인 개발 및 단계별 비동기 처리
    • 음성답변 지연시간 38.7% 단축 (평균 1714ms → 1051ms)
  • TTS 오디오 및 아바타 실시간 동기화
    • Viseme 데이터와 GSAP를 통해 Three.js 아바타 제어
  • C 기반 노이즈 억제 라이브러리 도입
    • Docker 빌드 과정에서 직접 설치 후 Python 환경에 연동

  
  

• CAMUS   [] [ Frontend]
  실시간 AI 필터링 채팅
  _{자세히 보기}

  익명성이 보장된 온라인 공간에서 발생하는 욕설·혐오 문제와 기존 금칙어 필터링이 변형된 표현을 차단하지 못하는 한계를 극복하기 위해, NLP와 머신러닝 기반의 실시간 악성 채팅 감지·필터링 시스템을 기획했습니다.

  • AWS 기반 인프라 설계 및 구축 (Amazon ECS, AWS Lambda)
  • Next.js의 middleware를 활용한 서브도메인 라우팅 관리
  • Jenkins +AWS CodeDeploy → CI/CD 및 무중단 배포 구현

  
  

  프로젝트 종료 후 재배포 과정에서 기술 스택 전환과 UI/UX 개선을 중심으로 프론트엔드를 리뉴얼하여 서비스 완성도를 높였습니다.

  • SCSS → Tailwind CSS 마이그레이션 주도
  • 랜딩 페이지 리디자인 및 데모 기능 추가
  • FSD 아키텍처로 폴더 구조 개편