Email: [email protected]

Github: https://github.com/DongjaJ

Blog: ****https://velog.io/@ehdghks12

Linkedin: https://www.linkedin.com/in/동환-정-18537a229/

소개

React, TypeScript 기반 2년차 프론트엔드 개발자로 성능 최적화와 개발자 경험 개선에 집중하고 있습니다.

• 번들 사이즈 50% 감소, FCP 50% 단축 등 측정 가능한 성능 개선을 통해 사용자 경험을 향상시켰습니다.
• 개발 생산성을 높이는 작업에 주력합니다. 번들러 마이그레이션, 환경변수 관리/커밋 규칙 자동화, MSW로 백엔드 일정 의존도 감소 등 팀이 더 효율적으로 작업할 수 있도록 했습니다.
• 사용자와의 상호작용을 개선하는 데 관심이 많습니다. 애니메이션과 인터랙션을 학습하며 접근성을 유지하면서도 매끄러운 사용자 경험을 제공하기 위해 노력하고 있습니다.

경력

OSSTEM IMPLANT, Front Engineer.

2025.03 ~

환자 관리 시스템 “OneSpace” 신규 개발 (1인 FE) React, TypeScript, TanStack Query

기능 개발

• Recharts, TanStack Table로 치과, 기공소를 위해 환자 데이터 시각화
  • useQuery의 placeholderData로 테이블 필터 변경 시 깜빡이는 UX 제거
• React Three Fiber 기반 치아 3D Viewer 개발
• Radix Primitives의 Dialog 내부의 Popover 사용 시 예상치 못하게 닫히는 현상을 공통 의존성 버전 통일로 해결
• Motion으로 Modal/페이지 전환 애니메이션 구현

성능 최적화

• 코드 스플리팅, 폰트 최적화, CloudFront 도입 및 HTTP 캐시 사용 등 종합적 성능 개선
• Mobile, Slow 3G 네트워크 기준 FCP 50% (6s → 3s) 단축, CLS 최적화

프로젝트 인프라

• PNPM 모노레포 + Catalog로 의존성 관리
• BitBucket CI/CD (S3 dev/staging 배포)
• QA 이슈 재현의 어려움과 대응이 지연되는 현상을 해결하기 위해 Sentry 도입

생산성 도구

• 기획팀 의사 결정 시간을 줄이기 위해 posthog를 도입해 피처 플래그 기반 개발
• Slack 환경변수 공유의 보안 리스크 제거를 위해 doppler 도입
• 환경변수 누락 등의 휴먼 에러로 인한 문제 해결을 위해 @ts-oss를 도입해 환경변수 관리 자동화
• 백엔드 개발 일정에 대한 영향을 최소화 하고자 MSW로 모킹

Tmax Wapl, Front Engineer. (코어 모듈 팀)

2023.12 ~ 2024.11 (11개월, 경영 악화로 인한 임금 체불로 퇴사)