image.png

dev-hann | Software Engineer

📧 [email protected]

📓 github.com/dev-hann

📝 blog.dev-hann.com


ABOUT

7년차 Flutter & Next.js 개발자, 프론트엔드 리더

MAU 18만 서비스의 모바일~웹 프론트엔드를 총괄하며, 아키텍처 설계부터 디자인 시스템, CI/CD, 실시간 통화 시스템까지 구축.

Keywords: Flutter / Next.js / Design System / Frontend Lead


WORK EXPERIENCE

Langdy — Frontend Lead / Mobile Developer

2023.11 – 현재 | MAU 10~18만, DAU 7~8천

Web Frontend (프론트엔드 팀 5명 기술 리딩)

<aside> 🚀

배포 파이프라인 병목 해결

AWS Amplify 기반 배포에 10분씩 소요되어 개발 속도가 저하되는 문제가 있었습니다.

→ OpenNext 구조로 전환하고 빌드 캐싱을 적용하여 배포 시간을 2분으로 단축했습니다.

</aside>

<aside> 🎨

3개 도메인 UI 중복 코드 제거

선생님/학습자/어드민 3개 도메인에서 동일한 UI가 각각 구현되어 유지보수 비용이 증가하고 있었습니다.

→ 공통 디자인 시스템을 구축하고 (디자인 토큰 정의, 30+ UI 컴포넌트, Storybook 문서화) GitHub 패키지로 버전 관리하여 중복 코드를 최소화했습니다.

</aside>

<aside> 🏗️

서버 의존성이 높은 웹 아키텍처 개선

API 응답 구조에 프론트엔드가 강하게 결합되어 있어, 서버 변경시 프론트 코드 수정이 잦았습니다.

→ Feature-Sliced Design(FSD)을 도입하고 DTO 개념을 적용하여 서버 의존성을 최소화했습니다.

</aside>

Mobile App (Flutter 앱 개발 및 운영 전담)

<aside> 📞

실시간 통화 품질 개선

일평균 1,000건 통화, CS 10건 이내 달성

VoIP Push 기반 통화에서 Push 미도달로 인해 통화 누락이 발생하고 있었습니다.

→ Socket 기반 알림 보완 시스템을 구현하고, 통화 상태 로그 수집 및 모니터링을 구축하여 통화 누락을 방지했습니다. 네이티브 CallKit 기반 통화 UI를 개발하여 사용자 경험을 개선했습니다.

</aside>

<aside> 📚

온라인 강의 플랫폼 컨텐츠 최적화

대용량 강의 컨텐츠 로딩 속도 문제를 해결하기 위해 컨텐츠 데이터 구조를 설계하고 최적화했습니다.

→ Shorebird 코드푸시를 도입하여 Hotfix 배포 시간을 단축했습니다.

</aside>


Secom — 모바일 팀 리더

2022.07 – 2023.11 | 팀: 서버 2, 웹 1, 모바일 1