클라우드 EMR(Electronic Medical Record)를 사용하는 병원과 PHR(Patient Health Record)을 사용하는 환자를 위한 플랫폼 개발 https://www.ormchart.com/ 📌 오름차트 EMR 성능개선 - 환자 검사치를 입력하는 Form 내 다수의 controlled component의 성능 병목을 개선하여, 키보드 입력 시 change 이벤트 처리 속도를 평균 50% 향상(대부분 50ms 이내 유지) - React Table 기반 인피니트 스크롤 테이블에서 Virtual DOM virtualization 기법 적용 - 데이터 증가에 따른 렌더링 성능 저하를 개선하고, TBT(Total Blocking Time)를 5,530ms → 720ms로 최적화 (668% 개선) 📌 건강검진 문진 서비스 개발 - 디자인 시스템을 제안하고 Figma로 디자이너와 협업하여 모바일·태블릿용 건강검진 문진 서비스의 반응형 UI 설계 및 개발 - 수십여 가지 건강검진 문진 유형을 atomic pattern으로 컴포넌트화하고, yup 기반 validation 및 form 상태 관리를 custom hooks로 공통화하여 유지보수 및 신규 개발 생산성 향상 📌 클레 PHR 서비스 https://cle.care/ - Next.js를 기반으로 앱 내 웹뷰에서 동작하는 고객센터 페이지(1:1 문의, 공지사항, 약관 등) 개발 - 다양한 기기 및 OS 버전(Android/iOS) 환경에서의 기기별 테스트를 통해 제조사 및 운영체제에 따른 렌더링/호환성 이슈를 발견 및 개선 - iOS 쿠키 누락 문제, OS safe-area 미적용 등 버전별/기기별 UI 동작 차이 문제를 수정하여 안정적인 사용자 경험 제공 📌 백오피스 - antd 컴포넌트를 적용하여 간헐적으로 백오피스에 투입되는 디자인 리소스를 없애고 일관성있고 신속한 컴포넌트 사용 환경 구축 - Next.js 기반 백오피스에서 사용자 Role에 따른 페이지 접근 제어 및 기능 권한 관리 기능 구현 💻 개발 문화 ESLint, Prettier를 기반으로 팀의 코드 스타일 가이드를 수립하고, 코드 리뷰 프로세스를 구축하여 개발 생산성과 코드 품질 향상에 기여

더보기

📌 퍼플독 와인구독 서비스 - React, TypeScript, Bootstrap 기반 신규 프로젝트 환경 구성 및 보일러플레이트 제작 - 회원 관리, 구독 관리 등 주요 기능을 API 기반으로 연결하여 관리자의 업무 효율성 향상에 기여 📌 화해 백오피스 - TypeScript를 도입하여 Type-safe 환경을 통해 런타임 오류를 최소화하고 개발 생산성을 향상 - React Hook Form 도입으로 폼 렌더링 최적화를 구현하고, 대규모 폼 관리 시 성능 병목을 개선

더보기

NFT 자산 거래 웹플랫폼 개발 https://market.playdapp.com/ - Algolia 검색 엔진을 활용하여 아이템 메타데이터에 대해 다중 조건 필터링 및 검색 최적화 기능 구현 - Web3.js를 활용해 이더리움 네트워크와 프론트엔드 간 인터랙션 구현 및 지갑 연결 - Bootstrap 4를 프로젝트에 맞게 커스터마이징하여, 그리드 기반의 반응형 웹 레이아웃 구현 및 스타일 일관성 확보

더보기