사용자 문제를 서비스로 구현하고, 운영하며 개선하는 개발자입니다.

서강대학교 아트앤테크놀로지 · 융합소프트웨어를 복수전공하며
웹/앱 서비스 기획부터 프론트엔드, 백엔드, AI 기능 구현까지 폭넓게 경험했습니다.

실제 사용자가 있는 서비스를 운영하며 문제를 개선하는 일,
그리고 팀이 함께 유지보수할 수 있는 구조를 만드는 일에 관심이 많습니다.

• Tech Blog: inyoung.dev
• Portfolio: inyoung.dev/portfolio
• GitHub: github.com/rmdnps10
• LinkedIn: linkedin.com/in/rmdnps10
• Email: rmdnps10@gmail.com

• React, TypeScript 기반 프론트엔드 개발 경험
• FastAPI, Express, PostgreSQL 기반 백엔드 개발 경험
• RAG, LangChain, OpenAI API 기반 AI 서비스 구현 경험
• 기술 블로그, 교육 콘텐츠, 교재 집필을 통한 지식 공유 경험

상담사와 내담자를 연결하는 연애 상담 마켓플레이스

24.02 ~ 부터 운영한 실사용자 기반 서비스입니다.
프론트엔드 개발자로 참여해 상담사 측 실시간 채팅, 프로필 관리, 상담 흐름 개선을 담당했습니다.

What I did

• WebSocket 기반 실시간 채팅 기능 구현
• Safari iOS 환경에서 발생한 채팅 중복 수신 문제 해결
• STOMP client와 roomId별 subscription 객체를 useRef로 분리 관리
• 상담사 프로필 수정 페이지의 복잡한 상태 구조 개선
• Recoil atom/selector 기반 상태 분리 및 렌더링 최적화
• React DevTools Profiler 기준 리렌더링 횟수 약 70% 감소

Links
Service · GitHub · Tech Blog

Tech Stack
React TypeScript TanStack Query Recoil Styled-components WebSocket

사내 기술 컨퍼런스 운영을 위한 웹 기반 핸드북 및 단체게임 시스템

카카오뱅크 기술XR팀 개발 어시스턴트로 참여한 프로젝트입니다.
사내 기술 컨퍼런스 참가자용 웹 시스템과 단체게임 운영 시스템을 개발했습니다.

What I did

• React, TypeScript 기반 참가자용 웹 화면 개발
• FastAPI, PostgreSQL 기반 백엔드 API 개발
• 운영자 조작 화면과 Display 화면을 WebSocket으로 연결
• 게임 결과 기반 베팅 결과 조회 API 개발
• TanStack Query 기반 클라이언트 캐싱 전략 적용
• 서버 인메모리 캐싱을 활용한 피크 트래픽 대응
• AES-256 기반 토큰 검증 구조를 통한 비정상 API 접근 방어
• k6 부하 테스트 기준 서버 요청 수 약 40% 절감

Links
Retrospective

Tech Stack
React TypeScript FastAPI PostgreSQL TanStack Query WebSocket

서강대학교 Art & Technology 컨퍼런스 아카이빙 웹사이트

학과 컨퍼런스 아카이빙을 위한 인터랙티브 웹사이트입니다.
웹개발팀 리더로 참여해 정보 구조 설계, 개발 문화 구축, 성능 최적화를 담당했습니다.

What I did

• 학과 컨퍼런스 아카이빙 웹사이트 IA 및 유저 플로우 설계
• Next.js, Three.js 기반 인터랙티브 웹사이트 개발
• 개발팀 온보딩 및 Git 브랜치 전략, 커밋 컨벤션 수립
• Husky 기반 pre-commit / commit-msg 검증 환경 구성
• 고해상도 이미지 로딩 UX 개선
• Blur placeholder, aspect ratio 고정, Web Worker preload 적용
• Three.js 렌더링 성능 최적화
• Performance Recording 기준 프레임아웃 현상 제거

Links
Service · GitHub

Tech Stack
Next.js TypeScript Three.js Husky GitHub Actions

교통약자와 버스 기사를 연결하는 배리어프리 모빌리티 서비스

교통약자의 실제 탑승 불편을 해결하기 위해 기획한 서비스입니다.
K-해커톤에서 1,000팀 중 Top 15로 결선에 진출했습니다.

What I did

• 교통약자 및 버스 기사 인터뷰 기반 서비스 기획
• 구로구청 교통행정과 컨택
• React + Stackflow 기반 PWA 형태의 기사 앱 개발
• 사용자 앱, 기사 앱, 관리자 페이지로 구성된 3면 서비스 구조 설계
• 버스 ID 기반 운행 및 탑승 상태 확인 기능 구현
• 폴링 방식으로 승객 요청 및 탑승 상태 주기적 동기화

Links
GitHub

Tech Stack
React TypeScript Stackflow PWA TanStack Query Tailwind CSS

LG전자 스탠바이미에 탑재되는 webOS 홈 화면 애플리케이션

LG전자 산학협력 프로젝트로 진행한 webOS 홈 애플리케이션입니다.
백엔드 전담 개발자로 참여해 API 설계, 인증, 테스트, 배포 환경 구축을 담당했습니다.

What I did

• Express.js, TypeScript 기반 백엔드 API 설계 및 구현
• Router, Controller, Service, Repository 기반 4-Layer 구조 설계
• JWT 기반 인증 시스템 구현
• Swagger 기반 API 문서화
• Jest 기반 서비스 레이어 단위 테스트 작성
• AWS EC2, Nginx, Jenkins 기반 배포 환경 구축
• TV 플랫폼 특화 IME 이슈 및 애니메이션 성능 문제 해결

Links
GitHub

Tech Stack
Express.js TypeScript PostgreSQL JWT AWS EC2 Nginx Jenkins Jest

백준 제출 기록 기반 알고리즘 복습 어시스턴트

백준 제출 기록을 자동 수집하고, 망각 곡선에 따라 복습 일정을 제안하는 알고리즘 학습 도구입니다.

What I did

• 크롬 확장 프로그램 기반 백준 제출 기록 수집 구조 설계
• 제출 코드, 문제 정보, 알고리즘 유형 저장
• 망각 곡선 기반 복습 일정 추천
• 문제별 메모 및 AI 피드백 기능 설계

Links
Tech Blog · GitHub

Tech Stack
Next.js NestJS PostgreSQL Supabase

자연어 기반 인재 탐색 서비스

서강대학교 AI 해커톤에서 대상을 수상한 프로젝트입니다.
자연어 입력을 기반으로 학생 데이터를 검색하는 RAG 기반 인재 탐색 서비스를 개발했습니다.

What I did

• 프론트엔드 개발 담당
• RAG 기반 AI 파이프라인 설계
• 자연어 질의 기반 인재 검색 UX 구현
• 검색 결과를 사용자 친화적으로 보여주는 인터페이스 구성

Links
GitHub

Tech Stack
React RAG OpenAI API

AI 용의자와 대화하며 범인을 추리하는 인터랙티브 추리 게임

LLM 기반 AI NPC와 대화하며 제한된 질문 안에서 범인을 추리하는 웹 기반 게임입니다.

What I did

• AI NPC 심문형 대화 인터페이스 구현
• 질문 제한, 중간 보고, 범인 지목 기반 게임 플로우 구현
• 용의자별 RAG 응답 API 연동
• 캐릭터 페르소나와 사건 설정이 드러나는 대화 UX 구성
• 사건 데이터, 용의자 지식, 응답 정책, 게임 상태를 분리해 할루시네이션 완화

Links
GitHub

Tech Stack
JavaScript Flask OpenAI API LangChain ChromaDB Docker

국립현대미술관 작품 질문과 이미지 검색을 지원하는 AI 도슨트 챗봇

작품 DB 기반 RAG 채팅과 CLIP 기반 이미지 검색을 제공하는 AI 도슨트 서비스입니다.

What I did

• React Native, Expo 기반 모바일 도슨트 앱 개발
• 작품 지식 DB 기반 RAG 채팅 파이프라인 설계
• OpenAI 기반 작품 질문 응답 기능 구현
• CLIP 기반 유사 작품 검색 기능 구현
• DB 근거 부족 시 Tavily 웹 검색을 보조 근거로 사용하는 Answerability-aware RAG 구조 설계

Links
GitHub

Tech Stack
React Native Expo FastAPI Supabase RAG CLIP Tavily

React Next.js TypeScript JavaScript
React Native Expo TanStack Query Recoil Zustand
Tailwind CSS Styled-components Three.js

FastAPI Express.js NestJS
PostgreSQL Supabase JWT

OpenAI API LangChain RAG ChromaDB
CLIP Prompt Engineering AI Agent

AWS EC2 Nginx Docker
GitHub Actions Jenkins Vercel
Swagger Postman Figma Cursor

기술을 배우는 가장 좋은 방법은 기록하고 공유하는 것이라고 생각합니다.

코딩밸리에서 프론트엔드 교육 콘텐츠와 교재를 제작했고,
카카오뱅크에서는 기술 블로그 운영과 콘텐츠 제작 프로세스에 참여했습니다.

개인 기술 블로그에도 개발 과정에서 마주한 문제와 학습 내용을 꾸준히 기록하고 있습니다.

• Tech Blog: inyoung.dev

사용자의 문제를 서비스로 구현하고, 운영 과정에서 드러나는 문제를 끝까지 개선하는 개발자입니다.