프로필로 바로가기 경력으로 바로가기 프로젝트로 바로가기 에세이로 바로가기 기술로 바로가기 학력으로 바로가기 기타로 바로가기 연락처로 바로가기
Dongyeon Yu

유동연

Human-Centered Engineer

이메일
ksr20612@gmail.com
전화번호
010-2637-2779
거주지
서울 강서구

자기소개

기술을 사람을 위한 시스템으로 만듭니다.


사람이 기술과 사회적 시스템에서 배제되지 않도록 하는 일에 관심이 있습니다.
프론트엔드 개발을 기반으로 이를 실제 서비스와 시스템으로 구현해 왔습니다.


특허 출원한 디지털 치료제의 단독 개발자로 제품을 설계하고 개발했으며, 멀티모달 라이브러리 @uturi/sonification의 메인테이너로 시각 중심의 정보 전달에서 소외될 수 있는 사용자를 위한 인터페이스를 연구하고 있습니다.


현재는 아이돌봄 플랫폼(돌봄 예약/매칭, O2O)의 프론트엔드 리드를 맡아 기술을 통해 사람과 사람을 연결하고 있습니다.


궁극적으로는 디지털 환경을 넘어 다양한 사람들이 함께 살아갈 수 있는 사회적 인프라와 공동체를 만드는 것을 목표로 합니다.

숫자로 보는 소개

  • 7+ 년 개발 경력
  • 2+ 년 팀 리딩
  • 4+ 특허 출원과
    오픈소스 운영
  • 80만+ 누적 회원

§ 경력


§ 개인 프로젝트

react-snapshot-bridge

2026.04 - 현재

클래스형 컴포넌트의 getSnapshotBeforeUpdate 라이프사이클을 함수형 컴포넌트에서도 쉽게 사용할 수 있도록 SnapshotBeforeUpdate 컴포넌트를 지원합니다.

스냅샷 라이프사이클을 함수형 트리로

npm version

함수형 컴포넌트에는 클래스형 컴포넌트 라이프사이클 중 하나인 getSnapshotBeforeUpdate에 대응하는 공식 훅이 존재하지 않습니다.

React-snapshot-bridge를 통해 getSnapshotBeforeUpdate 라이프사이클을 함수형 컴포넌트에서 자연스럽게 사용할 수 있습니다.

react-snapshot-bridge에서 사용한 주요 기술

  • React
  • TypeScript
  • Vitest

@uturi, 멀티모달 기반 접근성 라이브러리

2025.05 - 현재

아기장수 우투리에서 이름을 딴 멀티모달리티 라이브러리 @uturi 입니다.
데이터의 음향화 기능을 제공하는 @uturi/sonification 기능을 지원합니다.

@uturi/sonification

npm version

시각 장애인들이 차트나 그래프를 한 눈에 이해할 수 있을까요?

@uturi/sonification은 수치의 변화를 멜로디, 리듬, 음량으로 변환하여 비시각 사용자가 시각 사용자만큼 빠르게 수치 변화를 이해할 수 있게끔 지원합니다.

  • 다양한 오디오 생성 알고리즘 지원
  • 커스텀 가능한 오디오 속성
  • Framework-Agnostic(멀티 프레임워크-React, Vue, Svelte, Vanilla.js-지원)
  • 대용량 데이터의 음성 생성 최적화, 멀티스레딩(Web Worker) 지원
  • Type-Safe & Zero-Dependencies

NPM 기준 다운로드 수 약 1k+, 오픈소스 운영 및 지속적인 기능 개선 진행 중

@ubuntu 접근성 라이브러리에서 사용한 주요 기술

  • React
  • Next.js
  • Typescript
  • Vanilla Extract
  • Turborepo
  • Changesets
  • Vite
  • Vitest

온라인 강박장애 치료제 [퍼펙트케어]

2022.06 - 2023.11

강박장애 개선을 목적으로 만든 웹 서비스입니다.
YD정신건강의학과에서 데이터를 제공받아 기획 및 개발을 진행했습니다.
효과성 검증 검사 후 2024년 6월 특허 출원하였습니다.

퍼펙트케어에서 사용한 주요 기술

  • Next.js
  • Tanstack Query
  • RTK
  • Express
  • MariaDB
  • AWS EC2, RDS

인터넷 기반 인지행동 치료(iCBT) 관련 웹 서비스

2021.08 - 2022.04

심리 치료와 연구를 기술로 풀어내었습니다.
모든 온라인 테스트는 무료로 배포하여 실제 연구에서 사용되기도 했습니다.

  • 불안장애 사전 상담용 웹 기반 챗봇
  • 사회불안장애 내담자를 위한 Dot-probe task 기반 온라인 웹 게임
  • 온라인 emotional stroop test
  • 온라인 scrambled sentence test
  • 온라인 논문 메타분석기

iCBT 관련 웹 서비스에서 사용한 주요 기술

  • React
  • Vanilla JS
  • jQuery
  • Electron
  • Express
  • Python

NLP 기반 대학수학능력시험 문항 생성 서비스

2021.12 - 2022.06

RNN, LSTM 모델을 기반으로 수능 영어 문항 생성 모델을 개발하였습니다.
웹 개발을 담당했습니다.

CSAT 문항 생성 서비스에서 사용한 주요 기술

  • Vanilla JS
  • jQuery
  • Spring
  • django
  • MariaDB

§ 에세이

개발과 연구에서 얻은 경험을 접근성·HCI·엔지니어링 관점에서 기록하고 있습니다.

🟠 Accessibility

🟢 HCI with Engineering


§ 기술

Web Frontend

  • Typescript
  • React
  • Next.js
  • Tanstack Query
  • Zustand
  • RTK
  • Emotion
  • Tailwindcss
  • Storybook
  • Vitest
  • Playwright
  • Vite
  • PNPM

기타

  • Nest.js
  • Express(Node.js)
  • TypeORM
  • MySQL
  • Electron
  • Flutter
  • Vercel
  • Docker
  • AWS(EC2, App Runner, Lamda@edge etc.)

§ 학력

고려대학교

영어영문학과, 심리학과

2014.03 - 2020.08

영문학과에서 자연어 처리(음성)를, 심리학과에서 사용자 행동 분석(UX)과 인지심리학을 공부했습니다.
음성 연구소에서 연구생으로 공부하다 개발을 시작했습니다.

  • • 평점 4.25 / 4.5로 최우등 졸업

§ 기타

자격증

GAIQ

2023.09

SQLD

2020.12

사회조사분석사 2급

2020.09

TOEIC

990

2020.05

정보처리기사

2019.11

수상 및 활동

[퍼펙트케어] 특허 등록 홈페이지

YD정신건강의학과 협업

2024.06

코딩 동아리 [딥문학도] 홈페이지 사진

NLP 기반 수능 영어 지문 및 문항 생성 서비스

서비스 개발 담당(Java, Spring, Vanilla js)

2021.12 ~ 2022.06


§ 연락처

조금 더 궁금해지셨나요?

새로운 프로젝트나 협업에 관심이 있으시다면 언제든 연락해주세요. 같이 멋진 것들 만들어봐요! 🌈

그밖의 페이지 이어서 보기