미리보기

Vue.js 프레임워크 기반 백오피스 신규 관리시스템 구축 및 기존 시스템 고도화 작업 수행

• Vuex를 활용한 상태관리로 데이터 최적화 및 props drilling 문제해결, Mixin을 통한 공통기능 모듈화로 중복코드 감소 및 코드 재사용성 향상

• echarts와 xlsx 라이브러리를 활용한 통계 데이터 시각화 및 대량 데이터 파일 입출력 기능 구현을 통해 관리자 시스템 개선

• s3-bucket과 cloudfront를 활용한 파일 업로드 구현, response 콘텐츠 최적화를 통해 관리자 업무 프로세스 개선

• Jenkins를 통한 개발환경 자동화배포 진행, Mobaxterm을 사용한 SSH 연결과 EC2 인스턴스 접속을 통한 운영환경 배포 및 업데이트 릴리즈 관리 수행

유료포인트 결제 실패 건에 대한 관리자 처리기능 구현

구현목적

• 앱에서 사용자 결제 시 발생하는 에러사항에 대한 관리자의 신속한 대응 개선

• 결제 실패이력 수집 기능을 통한 관리자 분석 및 업무 효율성 증가

담당업무

• 유료포인트 결제 실패 건에 대한 관리자 후속처리 메뉴 개발

• 유료포인트 결제 실패에 따른(일괄/개별) 처리를 위한 관리자 기능 개발

• 관리자에 의한 유료포인트 충전(재시도/환불) 처리 프로세스 구현

상세구현

• API 에러 상태코드 값에 따른 비동기 처리 로직 구현

  • 결제 실패 상태코드 세분화와 코드값에 따른 관리자 충전(재시도/환불) 처리를 위한 공통 메서드 구현

  • 공통된 상태코드 검색기능을 통한 (일괄/개별) 처리 시스템 구현

• 결제 실패에 따른 에러 상세로그 조회기능 구현

  • 결제 실패(iOS/Android) 단말기 코드구분과 상세 에러로그 조회기능 구현

  • 일관된 에러 핸들링을 위해 관리자 충전 실패 시 노출되는 커스텀 팝업 구현

사용기술

Vue.js, Vue Router, Vuex, Axios, Lodash, Element UI

관리자 권한에 따른 무료포인트 지급 및 회수기능 구현

구현목적

• 협력사와의 협업으로 해당 기업 관리자에 대한 일부 시스템 접근 제한

• 대량 데이터의 관리자 일괄처리 기능을 통한 업무 프로세스 간소화

담당업무

• 제휴사 무료포인트(지급/회수)를 위한 관리자 일괄처리 메뉴 개발

• 엑셀파일 업로드를 통한 대량 회원의 무료포인트 일괄(지급/회수) 처리기능 개발

• 실시간 처리현황 조회와 처리완료 데이터 엑셀 다운로드 기능 개발

상세구현

• 페이지 이동 시 인증 로직을 통해 Store 데이터를 활용하여 관리자 권한 체크

  • Custom Directive를 활용한 라우팅으로 관리자 권한에 따른 메뉴 접근 제어

• xlsx 라이브러리를 활용한 엑셀파일 입출력 처리기능 구현

  • 파일 업로드 시 데이터 무결성 체크와 파일 확장자 검증을 통한 사전에러 방지

  • 일괄처리 시 배치 중단기능 추가로 진행상황 도중 발생하는 에러상황 대응

사용기술

Vue.js, Vue Router, Vuex, Axios, Lodash, xlsx, Element UI

콘텐츠 노출순서 및 신고 게시글 관리자 제어기능 구현

구현목적

• 콘텐츠 노출순서 변경을 위해 콘텐츠를 재 등록 해야하는 문제점 개선

• 불법 콘텐츠와 블랙리스트 사용자를 조치하기 위한 관리기능 부재

담당업무

• 주최사 (이미지/동영상) 콘텐츠 노출순서 통합 관리메뉴 개발

• 신고 게시글과 블랙리스트 사용자에 대한 관리자 제재 메뉴 개발

상세구현

• (이미지/동영상) 콘텐츠를 주최사 기준으로 관리하는 통합 컴포넌트 구현

  • 다중 콘텐츠의 일괄 상태 변경(활성화/비활성화) 처리기능 구현

  • Drag & Drop 기능을 활용한 콘텐츠 노출순서 관리 기능 개발

• 신고일을 기준으로 조치가 이뤄지지 않은 게시물을 별도 관리하는 컴포넌트 구현

  • 신고상태 코드 세분화를 통한 일괄 처리(정상/블럭/삭제) 기능 구현

  • 게시글에 포함된 댓글과 작성자 데이터 연동을 통한 신고 이력 조회기능 구현

사용기술

Vue.js, Vue Router, Vuex, Axios, Lodash, Element UI

종료된 투표의 무료포인트 사용 통계 관리기능 구현

구현목적

• 무료포인트의 사용 통계 데이터 수집과 데이터 시각화를 통한 관리기능 개선

• 투표 유형에 따른 회원별 무료포인트 사용량 추적을 통해 빠른 문제상황 대응

담당업무

• 투표 타입별 사용된 무료포인트의 상세 통계 데이터 관리메뉴 개발

• 투표통계 데이터의 시각화와 통계 타입에 따른 상세 조회기능 개발

• 집계 완료 된 투표통계 데이터의 엑셀 다운로드 기능 개발

상세구현

• echarts 라이브러리를 활용한 투표통계 데이터의 시각화 처리

  • 각 투표의 식별코드(PK)를 통한 상세 통계 조회기능 구현

  • 기간별 투표 참여 현황과 포인트 사용량 데이터 조회기능 구현

  • 투표 진행상태(대기/진행중/종료)에 따른 통계 데이터 접근 권한 설정

• xlsx 라이브러리를 활용한 종료된 투표 데이터의 엑셀 다운로드 기능 구현

사용기술

Vue.js, Vue Router, Vuex, Axios, Lodash, echarts, xlsx, Element UI

기간별 투표 수상자 이미지 업로드 관리기능 구현

구현목적

• s3 browser를 통한 수동적인 이미지 업로드 방식의 업무 프로세스 개선

• 기간별 업데이트 되는 수상자 이미지에 대한 관리기능 부재

담당업무

• 기간별 투표 수상자들의 상세 이미지와 업로드 정보를 관리하는 관리메뉴 개발

• 앱 내 노출되는 투표 수상자들의 상세 이미지 업로드 기능 구현

상세구현

• 업로드가 완료된 투표 수상자들의 상세 이미지와 관련정보 조회기능 구현

  • 파일 확장자 검증과 이미지 미리보기 기능 구현을 통한 유효성 검증 및 사전에러 방지

  • 환경변수 설정을 통한 관리메뉴와 수상자 이미지 개시 사이트와의 링크 연동

• 이미지 업로드 기능 모듈화를 통한 컴포넌트 재사용성 확장

• s3-bucket과 cloudfront 연동을 통한 업로드 기능 구현 및 이미지 로딩 성능 최적화

사용기술

Vue.js, Vue Router, Vuex, Axios, Lodash, s3-bucket, cloudfront, Element UI

사용 기술

JAVA, JavaScript, jQuery, HTML, CSS, Spring, Oracle, MySQL

교육 사항

• 프로그래밍 언어 활용 및 응용 SW 기초기술 활용

• 서버프로그램 구현, 통합구현 UI 구현

• SQL 응용, SQL 활용, 데이터베이스 구현, 네트워크 프로그래밍 구현