미리보기

헥토헬스케어에서는 '메디버디' 비대면 진료 서비스를 제공하고 있으며, 저는 메디버디의 웹뷰와 백오피스 프론트엔드 개발에 참여하고 있습니다. 백오피스에서는 다양한 레퍼런스를 참고하여 사용자 편의성을 높이는 작업을 진행했으며, 웹뷰에서는 스켈레톤 UI를 적용해 사용자 경험(UX)을 개선하는 데 기여했습니다. 이를 통해 더 직관적이고 효율적인 인터페이스를 제공하고자 노력하고 있습니다.

프로젝트: 메디버디 웹뷰 및 백오피스 개발

• 사용자 중심의 UI/UX 개선 작업으로 서비스의 사용성을 향상.

• 스켈레톤 UI를 적용하여 로딩시 사용자 경험 개선.

• 중복되는 UI 요소를 재사용 가능한 컴포넌트로 개발하여 유지보수 효율성 증대.

• 설문조사 입력 폼의 구조를 간소화하고 불필요한 입력 단계를 제거했으며, 완성된 설문조사를 미리 확인할 수 있는 미리보기 기능을 구현하여 사용자 경험(UX)을 개선하고 작성 시간을 단축했습니다.

• 사용자 분석검사 데이터를 바탕으로 분석 검사 결과를 PDF로 템플릿화 작업.

더비즈는 다양한 부동산 서비스를 제공하고 있으며, 저는 그중 '이실장넷 커뮤니티'의 모바일 웹뷰 프론트엔드 개발에 참여했습니다. 웹뷰와 네이티브 앱 간의 이질감을 최소화하고 동일한 사용자 경험을 제공하기 위해 다양한 레퍼런스를 참고하여 공통 컴포넌트를 제작하고 기능 구현을 진행했습니다. 이를 통해 웹뷰에서도 자연스럽고 일관된 인터페이스를 구현하는 데 기여했습니다.

프로젝트: 이실장넷 부동산 커뮤니티 웹뷰 개발

• 웹뷰 환경에서 네이티브 앱처럼 동작하는 Bottom Sheet UI 구현 (react-bottom-sheet 라이브러리 사용)

• 스켈레톤 UI 도입으로 로딩 중 사용자 경험 개선을 하였습니다.

• 실시간 검색 시 debounce 적용으로 서버 부하 감소

• 웹뷰 환경에서 네이티브 앱처럼 동작하는 toast 팝업 구현

헥토헬스케어는 '메디버디'를 통해 비대면 진료와 처방 서비스를 제공하며, 언제 어디서나 편리한 의료 플랫폼을 지원합니다. 메디버디의 웹뷰와 백오피스 프론트엔드 개발에 참여해 스켈레톤 UI 적용과 사용자 편의성 개선 작업을 수행했습니다. 또한, '또박케어' 웹뷰 개발에 참여하였습니다.

프로젝트: 메디버디 의사/약사 백오피스 유지보수 및 웹뷰, 신규기능 개발

• 의사/약사 비대면 진료 서비스를 개발하며, WebRTC 기술을 활용해 비대면 진료 기능을 구현하였고, 이를 효과적으로 적용하기 위해 React 라이브러리를 지원하는 Agora WebRTC를 사용하여 개발

• 기존 프로젝트에서 Atomic 디자인 패턴을 적용되어 있었지만, 결과적으로 컴포넌트 간 의존성이 높아지고 작업 생산성이 떨어지는 문제가 발생하였고, 이를 해결하기 위해 자주 사용되는 컴포넌트를 중심으로 분리하는 작업을 진행함.

한국금거래소 디지털에셋에서 '센골드' 실물자산(금, 은, 플래티넘) 투자 서비스를 제공하고 있습니다.

주요 업무로는 백오피스 유지보수 및 신규 기능 추가와 센골드 앱 내 웹뷰 개발을 담당했습니다. 주어진 작업에만 집중하지 않고, 기존 레거시 코드의 개선을 위해 다양한 의견을 제안하고 이를 도입함으로써 개인과 회사의 성장을 위해 노력했습니다.

프로젝트: 센골드 서비스 백오피스 및 웹뷰 개발

• 센골드 서비스 백오피스 프론트엔드 개발을 담당

  • 기존에 모든 상태를 Redux로 관리했지만, 기능 추가나 여러 요소가 늘어남에 따라 Redux의 상태가 점점 많아지고 동일한 코드를 반복적으로 작성하는 불편함이 있었습니다. 이를 해결하기 위해 React-Query와 Recoil을 도입하여, 서버에서 받아오는 데이터는 React-Query로 관리하고, 클라이언트에서 필요한 공통 상태는 Recoil로 분리하여 관리하게 되었습니다. 이를 통해 상태 관리의 효율성을 높이고, 코드의 가독성과 유지보수성을 개선했습니다.

  • kendo-react 기능 중 Data Grid 컴포넌트에 템플릿 기능을 제공을 통해 각 페이지 마다 설정 환경을 다른 환경을 제공하도록 작업했습니다.

• 센골드 서비스 앱 웹뷰 프론트엔드 개발을 담당

  • 앱과 브릿지 통신을 통해 실시간으로 웹뷰의 UI를 변경

  • 실시간 자산 시세 정보 차트화면 구현

• 센골드 금방금방 서비스 백오피스 및 웹뷰 프론트엔드 개발

• 한국금거래소 소매/도매 사이트 프론트엔드 개발을 담당

  • 기존에 php로 작업된 사이트를 react로 마이그레이션 작업하였습니다.

    • 이 과정에서 프론트엔드와 백엔드를 분리할 수 있었습니다.

    • 기존에 작업된 프로젝트들이 React로 구성되어 있었기 때문에, 코드의 일관성을 유지하며 유지보수와 확장성을 높일 수 있었습니다.