황총무의 실험실

4종 OS(Win, Mac, iOS, Android) 네이티브 앱 내 탑재되는 웹뷰 기반 투표 서비스 구축

• React 기반 컴포넌트 개발 및 Atomic CSS(AdorableCSS)를 활용한 스타일링 시스템 구축
• OS별(Mobile/Desktop) UX 차이를 고려한 반응형 레이아웃 분기 처리 및 공통 로직 모듈화
• CSS Variables(:root)를 활용한 'System/Dark/Light' 테마 스위칭 시스템 설계 및 적용
• TypeScript Props 인터페이스 설계를 통한 데이터 상태 관리 및 스타일 제어 로직 구현

기존 네이티브 앱 기능을 웹(Svelte)으로 전환(Migration)하여 유지보수 효율성 및 사용성 개선

• 고성능 프레임워크 Svelte를 도입하여 네이티브 앱 수준의 빠른 렌더링 속도와 반응성 확보
• User Agent 감지를 통한 OS별 분기 처리로 모바일/데스크탑 환경에 최적화된 UX 제공
• Window Resize 이벤트에 대응하는 반응형 레이아웃 정책 수립 및 구현
• 복잡한 할 일 관리 상태(완료, 미완료, 수정 등)에 따른 정교한 UI 인터랙션 구현

PC 클라이언트(Win, Mac) 내 음성채팅 기능을 위한 고도화된 UI 개발

• 비즈니스 로직(JS)과 뷰 레이어(UI)의 효율적인 협업을 위해 마크업 및 스타일링 아키텍처 전담 설계
• 다자간 통화 시 발생하는 다양한 사용자 상태(발화 중, 음소거, 연결 대기 등)별 UI/UX 시나리오 구현
• Svelte 기반 코드 위에서 디자인 정합성을 100% 맞추기 위한 미세 스타일 튜닝

PC 브라우저 기반의 차세대 카카오워크 근태 관리 서비스 프로토타이핑 및 개발

• 5개 직군(기획, UX, 디자인, 마크업, FE)이 참여하는 Agile 조직에서 개발 및 아이데이션 주도
• Vite + Svelte 도입으로 빌드 속도 최적화 및 빠른 개발 사이클(DX) 환경 구축
• 복잡한 근태 정책을 직관적으로 보여주는 대시보드 UI 및 관리자(Admin) 페이지 개발
• 초기 데모 페이지의 신속한 개발을 통해 기획 단계에서의 리스크 사전 식별 및 방향성 수립

PC 기반 챗봇 빌더 서비스의 프레임워크 마이그레이션 및 리팩토링

• Legacy(Angular)에서 Modern(React) 스택으로의 점진적 마이그레이션 수행
• Atomic CSS 방법론(AdorableCSS) 첫 도입으로 방대한 스타일 코드의 중복 제거 및 경량화
• 복잡한 봇 시나리오 설계를 위한 'Drag & Drop' 인터랙션 및 상태 관리 UI 구현

카카오 엔터프라이즈 주요 서비스의 UI 유지보수 및 성능/웹 접근성 개선

• 카카오엔터프라이즈 공식 사이트: 시멘틱 마크업 전면 교체 및 반응형 UI 최적화
• 이메일 템플릿 시스템: 다크모드 대응 및 크로스 클라이언트(Outlook, Gmail 등) 호환성 확보
• 캐스퍼 어시스턴트: 이미지 Lazy Loading 및 CSS 애니메이션 최적화로 렌더링 성능 개선
• 카카오 i 어드민: Angular Material 기반의 UI 커스터마이징 및 디자인 고도화