주다훤
프론트엔드 개발자
+82) 010-6518-8253
자기소개
좋은 프론트엔드란 개인의 구현 역량을 넘어, 팀 전체의 생산성과 서비스의 지속 가능성까지 높일 수 있어야 한다고 믿습니다. 저는 사용자에게는 직관적이고 완성도 높은 경험을, 동료에게는 더 나은 개발 환경을 제공하는 프론트엔드 엔지니어로 성장해가고 있습니다.
처음에는 프론트엔드 엔지니어가 단순히 화면을 예쁘게 만드는 사람이라고 생각했습니다. 그후 여러 프로젝트를 수행하며, 프론트엔드는 복잡한 요구사항과 정보를 사용자 관점에서 다시 해석해 더 쉽고 명확한 경험으로 전달하는 역할이라고 느꼈습니다.기상청 대국민 서비스와 해양 사고 시각화 플랫폼처럼 정보의 정확성과 속도가 중요한 환경에서, 낡은 UI와 거대한 레거시 코드를 마주할 때마다 사용자와 현장의 불편을 먼저 읽었습니다. 그리고 Vue, TypeScript를 바탕으로 화면 구조를 다시 설계하고, 복잡하게 얽힌 흐름을 차근차근 정리하며 더 빠르고 명확한 서비스 경험을 만들어왔습니다. 그 결과 만족도 상승, 체류 시간 증가, 유지보수 시간 단축처럼 눈에 보이는 변화로 이어지는 순간들을 여러 번 만들어냈습니다.이후에는 단순히 주어진 화면을 구현하는 데 그치지 않고, 팀이 더 멀리 갈 수 있는 기반을 만드는 일에 자연스럽게 몰입하게 됐습니다. 사내 공용 UI 라이브러리 @koast/ui를 구축해 디자인 일관성과 개발 효율을 높이고, 온프레미스 환경에서 LLM 기반 자동 코드 리뷰 시스템까지 도입하며 협업 방식 자체를 개선했습니다.
🔥 누군가 해야 할 일이라면, '제가 먼저' 시도하고 길을 만듭니다.
처음에는 프론트엔드 엔지니어가 단순히 화면을 예쁘게 만드는 사람이라고 생각했습니다. 그후 여러 프로젝트를 수행하며, 프론트엔드는 복잡한 요구사항과 정보를 사용자 관점에서 다시 해석해 더 쉽고 명확한 경험으로 전달하는 역할이라고 느꼈습니다.기상청 대국민 서비스와 해양 사고 시각화 플랫폼처럼 정보의 정확성과 속도가 중요한 환경에서, 낡은 UI와 거대한 레거시 코드를 마주할 때마다 사용자와 현장의 불편을 먼저 읽었습니다. 그리고 Vue, TypeScript를 바탕으로 화면 구조를 다시 설계하고, 복잡하게 얽힌 흐름을 차근차근 정리하며 더 빠르고 명확한 서비스 경험을 만들어왔습니다. 그 결과 만족도 상승, 체류 시간 증가, 유지보수 시간 단축처럼 눈에 보이는 변화로 이어지는 순간들을 여러 번 만들어냈습니다.이후에는 단순히 주어진 화면을 구현하는 데 그치지 않고, 팀이 더 멀리 갈 수 있는 기반을 만드는 일에 자연스럽게 몰입하게 됐습니다. 사내 공용 UI 라이브러리 @koast/ui를 구축해 디자인 일관성과 개발 효율을 높이고, 온프레미스 환경에서 LLM 기반 자동 코드 리뷰 시스템까지 도입하며 협업 방식 자체를 개선했습니다.
🔥 누군가 해야 할 일이라면, '제가 먼저' 시도하고 길을 만듭니다.
- 사내 Git 전략과 convention 수립을 주도하며, 팀의 개발 문화와 협업 기준을 정립했습니다.
- Figma, Jira 등 협업 도구를 적극 도입·정착시켜, 더 효율적인 업무 흐름을 만드는 역할을 해왔습니다.
- Claude Code, Cursor 등 AI 에이전트를 빠르게 실무에 도입하고, 팀 내 확산과 활용 문화 형성까지 이끌었습니다.
- LLM 기반 자동 리뷰 시스템을 구축해, 동료 코드 리뷰 시간을 기존 대비 50% 단축했습니다.
- 프로젝트 특성에 맞는 기술 스택을 선별·도입하며, 성능과 유지보수 효율을 함께 높였습니다.
- 학습한 내용을 스터디와 기술 공유로 연결하며, 개인의 성장을 팀의 자산으로 확장해왔습니다.
- 사내 공용 UI 라이브러리 @koast/ui를 직접 구축해, 반복 개발 비용을 줄이고 개발 리소스를 98% 절감했습니다.
- 아이디어를 기획에만 두지 않고, 구현·배포 자동화·SEO 최적화까지 연결해 실제 결과물로 만들어냅니다.
- Jira, Figma, Storybook 기반의 협업 구조를 정리해, 기획·디자인·개발 간의 구현 오차를 줄였습니다.
- 기술적 의사결정을 비즈니스 언어로 풀어내며, 다양한 이해관계자와 원활하게 합의점을 만들어갑니다.
경력
프론트엔드 개발자
2023.01 - 현재(3년 3개월 ~)(주)한국해양기상기술
- 웹 프론트엔드 개발 및 UI/UX 설계 주도 : 사용자 중심의 화면 설계와 서비스 프론트엔드 구현을 주도
- 레거시 시스템 개선 및 성능 최적화 : 레거시 구조 개선과 성능 최적화를 통해 운영 효율을 높임
- 공용 UI 라이브러리 구축과 개발 표준화 : 재사용 가능한 UI 자산 구축과 표준화 체계 마련을 수행
- AI·협업 도구 도입을 통한 개발 프로세스 혁신 : AI 및 협업 도구를 실무 프로세스에 적용해 생산성을 향상
- 기획·디자인·개발을 잇는 협업 중심 문제 해결 : 직군 간 협업 구조를 조율하며 완성도 높은 결과물을 도출
승강기 법정 검사원
2019.09 - 2023.01(3년 5개월)한국승강기안전공단
교육
기계시스템디자인공학과
2012 - 2019서울과학기술대학교
기계시스템디자인공학과 졸업
기술 스택
하이라이트
프론트엔드
React.js주력 프레임워크로 다양한 프로젝트에서 컴포넌트 설계, 상태관리, 라우팅, 성능 최적화를 경험하였습니다.Vue.js대규모 프로젝트와 Vue 2 → 3 마이그레이션을 경험하였으며, Composition API, script setup 활용에 능숙합니다.Next.jsSSG·SSR 환경에서 성능 최적화와 SEO 개선 경험이 있습니다.JavaScriptSPA 개발에 필요한 핵심 문법과 DOM 조작에 익숙합니다. ES6+ 문법을 활용하여 코드를 작성합니다.TypeScript모든 주요 프로젝트에 적용하여 안정적인 타입 기반 개발을 진행하였습니다. type assertion과 any를 지양하고 타입 추론을 통해 안정적인 개발을 진행합니다.HTML웹 표준과 접근성을 고려한 마크업이 가능합니다. 최신 문법을 활용하여 코드를 작성합니다.CSS웹 표준과 접근성을 고려한 스타일링이 가능합니다. 1px 단위의 디테일한 디자인을 구현할 수 있습니다.Tailwind CSS반응형 레이아웃과 재사용 가능한 UI 구성요소 설계에 활용하였습니다. 모바일 환경에서 최적화된 디자인을 구현할 수 있습니다.SCSS중첩, 변수, 믹스인 등을 활용해 유지보수성을 높인 스타일링을 작성하였습니다.React-NativeRN으로 작성된 코드를 파악하고 요소를 추가하거나 수정할 수 있습니다.Flutter프로토타입 수준의 앱 UI를 구현한 경험이 있습니다.OpenLayers지도 기반 서비스에서 커스텀 인터랙션과 데이터 시각화를 구현하였습니다. 시계열 데이터를 표출하고 커스텀 인터랙션을 구현할 수 있습니다.Cesium기본 지도 표출 및 간단한 3D 기능을 구현하였습니다.