<aside> ❓ 기계설비 성능점검을 편리하게 할 수 있도록 돕는 서비스 웹을 통해 점검지와 작업자를 관리하고 보고서를 생성하여 업무 효율이 향상합니다.

</aside>

프로젝트 소개

• 소개 펼치기

프로젝트 팀원

• FE 개발자 1명
• BE 개발자 1명
• App 개발자 1명

담당 파트

• presigned URL 방식 이미지 업로드 기능 구현 및 개선

• 컴포넌트화 및 코드 리펙토링

  • style 코드 분리, 관심사에 따른 컴포넌트화를 통해 side effect 관리성 향상 → 버그 발생 감소, 유지보수성 및 코드 가독성 향상
  • 컴포넌트화를 통해 중복 코드 80% 감소
  • apis 폴더 내 파일에 작성되어 있던 type(interface)코드 types폴더로 분리

• 결제 로직 변경(유료 구독 방식 변경)

  [기존 결제 방식]

  • 정기 결제일: 회사마다 하나의 정기 결제일
  • 결제 방법: 최대 작업자 수에 따른 요금 결제
  • 변경 사항: 최대 작업자 수를 증가하면 일할 계산하여 추가 결제 후 다음 정기 결제일에 반영

  [업데이트된 결제 방식]

  • 정기 결제일: 작업자 추가 날짜에 따라 각기 다른 정기 결제일
  • 결제 방법: 추가한 작업자는 다음 결제일 전까지 사용 가능, 사용 중단한 작업자는 다음 결제일 이후 사용 중단

• 작업자 점검 내역(로그) 조회

  • 점검지 전체 수정 내역 조회 기능 구현
  • 드롭다운을 통한 작업자별 점검 내역 필터링
  • 각 점검항목, 성능점검표 마지막 수정 내역 조회 기능 구현

• 반응형 디자인 개선

  • 브라우저 설정 글꼴 크기 대응(px → rem으로 수정)
  • @media 미디어 쿼리를 이용한 모바일 글꼴 사이즈 수정
  • 사이드 네비게이션바 반응형 디자인 적용
  • 로고 이미지 반응형 사이즈 적용

리팩토링