CODINGDARIN

DEVELOPER PORTFOLIO

SEOJIN · 2026

업무 자동화부터,새로운 기기를 위한 서비스까지.

SOFTWARE
INTERACTION
APPLIED AI

낯선 문제를 구체적인 질문으로 바꾸고,
직접 쓸 수 있는 소프트웨어로 만듭니다.

AI GLASSES · SERVICE DESIGN

01 / 06

AutoManual

작업을 멈추지 않는 기록과 코칭

팀 프로젝트 · 팀장 / 기획·개발
01AutoManualGALLERY

작업을 멈추지 않는 기록과 코칭

  • 8단계 서버 검증
  • 평균 응답 0.62초
  • 목표 응답 3초 이내

2026.08.18 서버 코칭 API 검증 기준입니다. 글래스·앱을 포함한 전체 응답 시간과는 구분합니다.

Overview

숙련자의 작업 영상과 음성을 매뉴얼로 만들고, 승인된 지식을 학습자의 음성 코칭으로 연결합니다.

디스플레이가 없는 글래스를 쓰고 양손으로 작업하는 환경에서 출발했습니다. 작업 중에는 음성으로 조작하고, 상세 확인·수정·승인은 스마트폰에서 수행하도록 역할을 나눴습니다.

구현과 기여

  • 음성과 장면 변화를 활용한 자동 단계 분리 구현
  • 한 문장에 한 동작을 안내하는 코칭 기준과 앱·서버·AI 인터페이스 정리
  • 승인 매뉴얼의 안내 음성을 사전 생성·캐시하는 방식을 정하고 팀원과 적용

FULL-STACK · VUE / DJANGO

02 / 06

JobDam

필요한 정보에 닿는 사용자 흐름

2인 팀 · Full-stack Developer / UI·UX
02JobDamGALLERY

필요한 정보에 닿는 사용자 흐름

  • Vue 3 · Pinia
  • Django REST API
  • Celery · Redis

화면은 저장소 보관본입니다. 추천 알고리즘과 외부 채용 API의 초기 구현은 팀 기여로 구분했습니다.

Overview

취업 취약계층을 위한 정책·채용 정보 서비스에서 화면과 API, 데이터 운영을 연결했습니다.

Vue 3·Pinia 기반 사용자 흐름과 카툰형 UI를 설계하고, Django REST Framework로 인증·온보딩·회원 관리 API를 구현했습니다.

구현과 기여

  • 카카오·구글 소셜 로그인과 프로필·탈퇴 흐름을 화면부터 API까지 연결
  • 정책 목록의 무한 스크롤, 필터·스크롤 상태 보존과 조회 로직 개선
  • Celery·Redis·Beat 기반 정책 데이터 갱신 자동화와 적재 검증, 운영 가이드 작성

SIMULATION · UNITY / C#

03 / 06

Parking Density Sim

주차 용량과 안전 사이의 경계

알고리즘 구현 · 시뮬레이션 검증
03Parking Density SimGALLERY

주차 용량과 안전 사이의 경계

  • 72 검증 게이트
  • 360 밀도 조건
  • 7분 비교 예산

합성 모델과 시간 가정에 따른 비교입니다. 실제 주차장 운영 성능이나 현장 안전 인증과는 구분합니다.

Overview

비상 통로를 7분 안에 확보하면서 주차 용량을 어디까지 높일 수 있는지 검증했습니다.

시공간 A*와 유한 적치 모델을 Unity에 구현했습니다. 주차 밀도와 교란 조건을 바꿔가며 시스템의 동작과 실패 경계를 확인했습니다.

구현과 기여

  • 차량의 이동 시점과 경로를 함께 고려하는 시공간 A* 구현
  • 유한 적치 조건과 8동 관제보드 구성
  • 72개 검증 게이트·360개 밀도 조건으로 교란 회복탄력성 확인

INTERACTIVE GAME · TYPESCRIPT / PHASER

04 / 06

Fiat Lux

손끝의 행동이 세계의 변화로

상호작용 설계 · 웹 게임 구현
04Fiat LuxSCREEN

손끝의 행동이 세계의 변화로

  • 5–10분 플레이
  • 107 자동 테스트
  • 브라우저 실행

직접 플레이할 수 있는 웹 데모와 소스 코드를 함께 제공합니다.

Overview

태양·구름·씨앗을 월드 안에서 직접 움직이며 생태를 복원하는 짧은 웹 게임입니다.

별도의 조합 창 대신 월드 자체를 조작 공간으로 삼았습니다. 사용자의 행동이 계절과 생태 변화로 이어지도록 인과 규칙을 구성했습니다.

구현과 기여

  • 월드 오브젝트의 직접 조작과 인과 규칙 그래프 구현
  • 로컬 저장과 Web Audio를 활용한 플레이 경험 구성
  • 107개 자동 테스트로 플레이 흐름 검증

CREATIVE TOOL · VANILLA JS

06 / 06

Diary Page Maker

미리보기 그대로, 종이 위로

편집 인터페이스 · 이미지 출력 구현
06Diary Page MakerGALLERY

미리보기 그대로, 종이 위로

  • 최대 3×3 분할
  • 2000 × 2500px
  • SVG 공용 렌더

서버 없이 브라우저에서 실행합니다. 설정과 손그림 패턴을 같은 렌더 함수로 미리보기·출력에 적용합니다.

Overview

‘종이정원’은 최대 3×3 셀을 나누고 병합해 나만의 다이어리 속지를 만들고 PNG로 저장하는 브라우저 도구입니다.

편집 화면과 최종 이미지가 다르게 보이는 문제를 줄이기 위해 손그림 요소에 고정 시드를 적용했습니다.

구현과 기여

  • 최대 3×3 영역 편집과 ㄱ자 등 자유 형태의 셀 병합 구현
  • 미리보기·PNG 공용 SVG 렌더와 고정 시드 손그림 표현
  • 프리셋 보관·JSON 백업과 선택 항목의 PNG 일괄 저장

APPLIED AI / EXPERIMENT 01

2025 SSAFY AI CHALLENGE · 4인 팀

MY 4B EXPERIMENT

0.91523

Image-based VQA
with QLoRA

Qwen3-VL이 이미지 기반 객관식 질문에 답하도록 미세 조정했습니다. 저는 4B 모델의 QLoRA 학습 파이프라인과 W&B 실험 추적을 구축했고, 팀은 8B 실험으로 결과를 개선했습니다.

개인 4B 실험
0.91523
팀 최고 · 8B
0.93312
학습 샘플
3,887
실험 추적
W&B

개인 실험 설정 / 320px · Effective batch 36 · 2 epochs · QLoRA r=32, α=64 · Learning rate 1e-4