🤓 Introduction

안녕하세요😃

사용자 경험을 중심으로 product를 개선하는 일을 좋아합니다.

활발한 코드리뷰와 피드백 반영을 통해 코드를 개선하는 일에 관심이 많습니다.

영어를 좋아하며, 원문 레퍼런스를 통해 새로운 지식을 부담없이 흡수할 수 있습니다.

Contact & Channel

• Github | **https://github.com/DomMorello**
• Blog | **https://velog.io/@dom_hxrdy**
• Email | [email protected]

💻 Projects Summary

회고덕

(Review-Duck)

Github 저장소 바로가기

서비스 바로가기

2022.07 - 2022.11

Get-From-Korea Admin

2022.09 - 현재

회고덕은 함께 회고하고, 회고를 공유하는 회고 전용 플랫폼입니다.

• 사용자 경험 개선

  • 페이지 이동시 사용자 체감 로딩 속도 최소화를 위해 Suspense를 이용해 현재 페이지를 흐리게 보여주면서 페이지가 이동되도록 하는 PageSuspense 컴포넌트 구현
  • Sass 함수와 contextAPI를 활용하여 모바일 전용 UI 제공
  • 사용자 UX에 재미요소를 더하기 위한 다발성 좋아요 기능 구현. 네트워크 요청 최소화를 위한 optimisic update 훅 활용

• 컴포넌트, 디렉토리 구조 설계 및 개선

  • 비슷한 UI의 컴포넌트 중복 생성 문제를 해결하기 위해 도메인 컴포넌트를 합성 컴포넌트로 개선하여 재사용성 증대
  • 페이지 컴포넌트에 통합된 비즈니스 로직 분리를 통해 Suspense와 API 요청에서 발생하는 네트워크 waterfall 문제 해결
  • 페이지 컴포넌트에서 비대해진 JSX로 인해 UI 유지보수 비용이 증대되는 문제를 해결하기 위해 VAC패턴과 합성 컴포넌트를 응용하여 하위 컴포넌트 분리
  • 도메인에 관계없이 사용할 수 있는 범용 컴포넌트와 도메인 컴포넌트를 분리하여 생산성 증대

• 상태관리 이원화

  • react-query와 recoil을 사용하여 서버 상태, 클라이언트 상태를 이원화하여 관리
  • 서버상태와 UI 관련 전역 상태가 혼재되어 유지보수가 어려워지는 문제를 해결

• 협업 소통 비용 절감

  • MSW API 모킹 작업으로 백엔드, 프론트엔드 개발 프로세스 블로킹 예방
  • 빈번한 API 명세 변경에 대응하기 위한 데이터 가공 레이어 고안
  • storybook 컴포넌트 시각 테스트 도입으로 협업간 소통 비용 최소화

해외 구매 대행업체 관리자 주문 관리 애플리케이션입니다.

• 기획서에 따른 프론트엔드 1인 개발 경험
  • 기획자와 협업 과정에서 product를 보완하는 기획 역제안
• MUI 라이브러리를 통한 디자인 업무 최소화

🛠 Skills

• HTML/CSS
• Javascript, Typescript
• React

💬 Presentation

📚 Education