생성형 AI(Claude Code)에 개인 코드 스타일과 작업 규칙을 규칙으로 주입해 일관되게 협업하는 설정입니다. 민감정보를 제외한 공개판입니다.

애플펜슬로 쓴 손글씨를 한글 폰트로 만들어 주는 iOS 앱입니다. Swift·SwiftUI·PencilKit으로 직접 만들었고, 모델을 바꿔도 앱을 고치지 않도록 앱과 서버를 REST 계약으로 분리했습니다. 지금은 출시 준비 단계이며, 직접 브랜딩해 인스타그램으로 사전 마케팅을 하고 있습니다. (React Native가 아닌 네이티브 Swift입니다.)

도스트11에서 ML 연구원들과 한 저장소를 쓰며 개선한 방송용 CG 합성 도구입니다. 도구 이름 기준 영문 탭(에셋·트래킹·합성)을 실제 작업 순서인 워크플로우 3단계 탭(1.마스크 → 2.에셋 → 3.합성)으로 재구성하고, 상단에 "원본+마스크+에셋=합성 결과" 썸네일 타임라인을 신설해 산출물이 다음 단계 어디에 쓰이는지 화면이 직접 안내하게 했습니다. 표시 라벨과 내부 키를 분리한 뒤 용어를 한국어로 통일했고, 같은 탭 기준 스크롤 분량이 절반 이하로 줄었습니다.

이벤트 협업을 제안하며 만든 포토부스 기능 프로토타입입니다.

정산 기능을 설계한 과정과 결과를 정리한 자료입니다.

SEO를 주제로 발표한 라이트닝 토크 자료입니다.

도스트11 데브 미팅에서 '서비스직으로서의 개발자: 알잘딱깔센 개발을 위한 CX 101'을 주제로 발표한 라이트닝 토크 자료입니다.

지원 회사의 서비스(2016년부터 운영된 JSP 레거시)를 직접 조사해 공존 제약을 추정·정의하고, 점진적 통합을 전제로 설계한 채용 과제입니다. tw- prefix 컨벤션 문서, 예측 가능/불가능을 구분하는 중앙 에러 처리, 50개 임계 조건부 가상화(7,000개에서도 부드러운 스크롤), 평가자가 데이터 크기와 네트워크 지연을 직접 바꿔 검증하는 테스트 제어 패널까지 담았습니다. 코드는 비공개이며 요청 주시면 공유드립니다.

직접 만들어 npm에 배포한 React 폼 라이브러리입니다. Compound Component 패턴으로 조합 가능한 API를 만들고, Zod 검증과 접근성(ARIA), TypeScript 타입을 한 패키지로 정리했습니다. Vite로 빌드하고 GitHub Actions로 검증한 뒤 배포했습니다.

지금 보고 계신 이 사이트입니다. 경력·프로젝트·교육을 생성형 AI 연표와 나란히 보여주는 타임라인형 디자인이고, 마우스를 따라다니는 포차코 커서 컴패니언이 숨어 있습니다. Next.js App Router와 TypeScript로 만들었고, 공통 컴포넌트와 자동화(ESLint·Prettier·Husky)로 코드 스타일을 통일했습니다.

여러 명이 함께 만든 알바 구인구직 플랫폼입니다. 검색 노출을 위한 SSR과 인터랙션을 위한 CSR을 나누고, 사용자 상태 6종에 따라 권한과 렌더링을 분기해 비인가 접근을 막았습니다. 공통 컴포넌트로 화면을 통일하고 낙관적 업데이트로 반응 속도를 높였습니다.