강동윤

Frontend

Backend

Infra · Security

Next.js 16 · TypeScript · Zustand · TanStack Query · Web Crypto API

• 그룹 약속의 시간 조율 · 장소 선정 · 일정 확정을 한 흐름으로 묶은 모바일 웹 클라이언트를 단독 구현
• 외부 암호 라이브러리 없이 Web Crypto API(PBKDF2 · HMAC-SHA256 · AES-GCM)만으로 클라이언트 사이드 종단간 암호화 파이프라인을 구성, 아이디 · 비밀번호 · 이메일 · 전화번호가 평문으로 서버에 도달하지 않는 구조 확보
• TanStack Query 의 refetchInterval 을 드래그 입력 상태로 제어하는 Smart Polling 으로 WebSocket 없이 다중 사용자 시간표 실시간 조율을 구현

Spring Boot · JPA · MySQL · Nginx · AWS EC2 · S3 · Docker · GitLab CI

• 단일 EC2 위에서 Nginx upstream을 sed로 원자 치환하고 reload하는 Blue-Green 파이프라인 설계 — 헬스체크 실패 시 자동 롤백까지 포함
• 이미지 업로드를 S3 Presigned PUT URL로 분리해 업로드 트래픽이 WAS를 경유하지 않도록 구성; 호스트 suffix 검증으로 SSRF·타 버킷 삭제 방지
• JPA 지연로딩으로 발생하던 N+1을 JOIN FETCH 쿼리로 해결, 도메인 엔티티에 validateOwnership(userId) 불변식을 내재화해 IDOR 차단

React 19 · TypeScript · Vite · TanStack Query · Tailwind 4 · Lottie

• 노인 대상 보이스피싱·금융 사기 예방 모바일 웹 — 13단계 사기 분석 설문부터 결과 위험도 표시·실전 시뮬레이션·뉴스·보호자 긴급 신고까지 한 흐름으로 구현 (KUIT 5기 다학제간 팀 프로젝트, 최우수상)
• useFraudSurvey · useImageSave · useDelayRender 등 다단계 입력·이미지 첨부·시간차 메세지 렌더링을 커스텀 훅으로 분리하고, React Query 결과 캐싱(staleTime 5분 · refetchOnMount: false) 으로 결과 페이지 재방문 시 재요청 차단
• iOS 모바일 호환성에 집중 — 100dvh 레이아웃, overscroll-none 으로 스크롤 고무줄 효과 제거, 스크롤 위치에 따른 헤더 색상 전환으로 안전 영역과 콘텐츠 가독성 동시 확보

Community & Leadership

Education

Awards