1. IT 감사 자동화 솔루션 개발 (Query Stacker)
[프로젝트 소개]
◦ 기업 내부 프로그램의 DB를 모니터링하여 모든 DB 로그(프로그램 계정, 권한, DB 변경, 프로그램 배포 이력 등)를 IT 감사에 효율적으로 대응할 수 있도록 관리 및 결재문서와 연동하는 솔루션
[기획, 디자인]
◦ 전체적인 흐름에 해당하는 기획과 디자인 외에 세부적인 디테일에 해당하는 기획과 디자인을 기획명세서 및 figma를 통해 작업
[개발 (React)]
◦ 구 Flutter 버전 개발 및 React 버전으로 리뉴얼
◦ 전역 사용 컴포넌트 모듈화
◦ API별 interface, redux 세팅
◦ Axios 통신 인스턴스화, 인터셉터 세팅
◦ 로그인 여부 판단하여 페이징 처리하는 splash 컴포넌트 구현
◦ path에 따른 컴포넌트 라우팅 구현
◦ DB 로그 리스트 테이블 및 페이지네이션 구현
◦ 권한 없는 URL 직접 접근 제한 처리 / 권한별 뷰 로직 처리
◦ excel, pdf 다운로드 구현
◦ 전체 로그인 프로세스 구현
• 전체 로그인 프로세스 개발(로그인, 회원가입, 비밀번호 설정, 인증번호 요청/확인)
• 회원가입 여부에 따른 로그인, 이메일 인증번호 확인 구현
• 토큰, 유저 정보 관리 (Redux Persist 사용)
◦ 어드민 페이지 구현
• 유저별 권한, 페이지별 권한, 고객사 문의 내역 관리 (CRUD 전체 구현)
2. Query Stacker 사용 안내 메뉴얼
[프로젝트 소개]
◦ 솔루션 사용에 어려움을 겪는 초기 고객사의 문의 내용을 토대로 솔루션 사용 안내에 대한 설명 가이드 개발
[기획, 디자인]
◦ 고객사 유치시, 솔루션에 전반적으로 반복되는 문의가 오는 점을 파악하여, 운영지원팀을 위해 솔루션 안내 가이드를 제작
[개발]
◦ Joyride라는 프로덕트 투어 기능 라이브러리를 사용하여, 사용 순서에 맞도록 솔루션 설명을 기재함
3. 사내 자체 HR 프로그램
[프로젝트 소개]
◦ 당사에 필요한 기능들만 포함한 사내 자체 HR 프로그램
[기획, 디자인]
◦ 전체 기획, 디자인, 프론트엔드 개발을 담당
• 기획, 디자인 : 인사 관리 솔루션 조사 기반 기획 및 Figma 디자인
• 개발 : 프론트 구조 및 디자인 전체 설계, API 연결
[개발 (React)]
◦ 구 Flutter 버전 개발 및 React 버전으로 리뉴얼
◦ 로그인 기능 구현
◦ 전직원 예상 스케줄, 휴가 일정 확인 페이지 구현
◦ 개인 업무 스케줄, 휴가, 휴일 등록 및 확인 페이지 구현
◦ 전직원 개인 정보 확인 페이지 구현
◦ 어드민 페이지 구현
• 전직원 스케줄, 휴가 수정 및 관리
• 사내 공지 등록 및 관리
• 전직원 정보 (팀, 직급, 개인정보, 재직 및 퇴사 여부) 관리
• 전체 팀, 직급 관리
◦ Github Actions를 통해 Azure에 자동 배포 적용
4. Logstack 홈페이지
[기획, 디자인]
◦ 전체 기획, 디자인, 프론트엔드 개발을 담당
[개발]
◦ Framer Motion 라이브러리를 기반으로 반응형 개발
◦ 문의하기 API 연결
더보기