vroomfan

사내 데이터 검수를 위한 백오피스 사이트입니다.

개발 기여도: 30%

기술 스택

Vue, React, Typescript, Python, Flask

작업 내용

• 기존의 Vue 매니저

  • 입사 후 1년간 버그 수정 및 추가 기능에 대한 풀 스택 개발을 담당했습니다.
  • 무분별한 양방향 바인딩과 컴포넌트간 높은 종속성 때문에 한 줄 한 줄의 코드를 고치는 것이 매우 어려웠습니다.
  • style의 스코프가 없어 하나의 파일이 서로 관계없는 여러 컴포넌트에 영향을 미치고 있었습니다.
  • flex나 grid와 같은 레이아웃 속성 없이 float를 남용하여 화면에 따라 정렬이 깨지는 현상이 있었습니다.
  • 앞으로 더 많은 유지 보수 작업이 필요했고 다양한 기능을 추가해야했기 때문에 프로젝트를 리액트로 마이그레이션하기로 했습니다.

• 새로운 React 매니저

  • 백엔드 개발자와 협업하여 사용하지 않는 API를 제거하고 API 호출을 최적화했습니다.
  • 기존의 양방향 바인딩 로직을 단방향으로 변경했습니다.
  • Typescript를 도입하여 개발자 경험을 개선했습니다.
  • JENNIFER Front를 도입하여 에러를 모니터링하고 에러의 원인을 추적했습니다.
  • 모든 페이지의 기능명세서를 작성하여 문서화했습니다.