안녕하세요,
프론트엔드 개발자 이도연입니다.

신우개발 장비 및 부품관리 서비스

서울시 뉴딜 일자리 사업으로 참여하였으며, 신우개발의 장비 및 장비별 부품을 관리하는 사내 서비스 개발을 담당했습니다. 기획,디자인 등에도 참여하여 사용자 중심의 서비스를 만들기 위해 노력했습니다. 개발 이후 유지보수와 신규 추가 개발 등을 담당하였습니다.

• AWS S3, AWS CodeDeploy, Github Action을 통한 CI/CD 도입
  • 배포 자동화를 통한 업무 능률 향상
• 상태 관리를 위한 zustand 도입
  • 전역에서 데이터를 관리하여 데이터 수정 및 추가 시 데이터 반영 시간 단축
• GlobalTheme을 통한 디자인 시스템 관리
  • 모든 페이지에 필요한 폰트 크기나 테마 색상을 미리 작성하여 사용
  • 서비스 페이지 UI에 일관성을 부여
• react-hook-form 도입
  • react-hook-form 라이브러리를 도입하여 코드 간편화 및 UX 향상
  • 정보 수정 및 삭제 시, 변경사항이 있는 객체만 서버에 전달하여 사용성 개선
  • 라이브러리 내 유효성 검사 기능을 통한 에러 처리로 사용자 경험 개선
• ApexChart를 통한 데이터 집계 그래프 구현
  • Array.fill, filter 등의 메서드를 사용하여 그래프 데이터 포맷팅
• react-select 도입
  • 브라우저 간 다르게 적용되는 style을 균일화하기 위해 select box를 커스텀
• react-to-print를 사용하여 페이지 내 리스트를 출력할 수 있도록 함
• react-csv를 사용하여 페이지 내 리스트를 excel 파일로 변환해 주는 기능을 구현
• Auth 로직 개발
  • 회원가입, 로그인, 로그아웃, 유저 정보 관리 등의 인증/인가 기능 개발
  • Axios interceptor를 사용한 에러 처리를 통해 유지 보수성을 높임
  • 비로그인 유저와 권한이 다른 유저의 접근 제한을 위한 routing 로직 개발
• 로컬 환경에 https 적용
  • mkcert 라이브러리를 사용하여 CA 인증서 발급 및 인증서 적용
• 테스팅 페이지 적용
  • 서브 도메인을 등록하여 로직 테스트 진행
  • 현재 비용 절감을 위해 서브 도메인은 삭제
• 현장 관계자 관련 페이지에 반응형 웹 디자인 적용
  • 건설 현장 작업자의 편의를 위해 정보 확인 및 등록 관련 모바일 페이지가 필요함
  • 미디어 쿼리를 통해 모바일 웹 페이지를 구현하여 사용자 경험을 개선
• 유저 권한에 따른 routing 적용
  • 특정 권한 유저를 문자 인증 페이지로 redirect 시켜주어 사용자 경험 개선
  • localStorage에 해당 사용자의 권한을 저장하여 사용자 별 라우팅 구성
• JIRA, Confluence를 통한 프로젝트 일정 관리 및 사용자 요구사항 관리