프론트엔드 개발자

이정훈

안녕하세요 직관적인 사용자 경험을 위해 고민하는 3년차 프론트엔드 개발자 이정훈입니다. 
스타투표 플랫폼 앱을 서비스하는 기업에서 백오피스의 유지보수와 신규개발 그리고 서비스 상용 배포 업무를 담당했었습니다.

백오피스 개발을 하며 기획팀과 주 사용자인 CS팀과의 지속적인 소통을 통해 피드백을 반영하고 이를 바탕으로 시스템의 직관성을 높일 수 있었습니다. 이러한 과정에서 사용자의 요구를 이해하고 그에 따라 효율적인 기능을 구현하여 업무 흐름을 개선하는데 기여하였습니다.

팀원분들과의 원만한 소통과 이해관계를 중요하게 여기고 어떤 일이든지 새로운 기회가 주어질 때마다 적극적으로 실행하여 그 경험을 저만의 역량으로 만들기 위해 노력합니다.

성실함

책임감

목표 지향적

학습 지향

커뮤니케이션

<h5>사용 기술</h5><p>JAVA, JavaScript, jQuery, HTML, CSS, Spring, Oracle, MySQL</p><h5>교육 사항</h5><ul><li><p>프로그래밍 언어 활용 및 응용 SW 기초기술 활용</p></li><li><p>서버프로그램 구현, 통합구현 UI 구현</p></li><li><p>SQL 응용, SQL 활용, 데이터베이스 구현, 네트워크 프로그래밍 구현</p></li></ul>

디지털컨버전스 JAVA 기반 크로스 플랫폼 개발자 양성과정

컴퓨터그래픽기능사

포트폴리오

GitHub

<p>Vue.js 프레임워크 기반 <strong>백오피스 신규 관리시스템 구축 및 기존 시스템 고도화 작업 수행</strong></p><ul><li><p>Vuex를 활용한 전역 상태관리와 Mixin을 통한 공통기능 모듈화로 중복코드 감소 및 코드 재사용성 향상</p><p></p></li><li><p>echarts와 xlsx 라이브러리를 활용한 통계 데이터 시각화 및 대량 데이터 파일 입출력 기능 구현을 통해 관리자 시스템 개선</p></li><li><p>s3-bucket과 cloudfront를 활용한 파일 업로드 구현, response 콘텐츠 최적화를 통해 관리자 업무 프로세스 개선</p></li><li><p>Jenkins를 통한 개발환경 자동화배포 진행, Mobaxterm을 사용한 SSH 연결과 EC2 인스턴스 접속을 통한 운영환경 배포 및 업데이트 릴리즈 관리 수행</p></li></ul><hr><h4>유료포인트 결제 실패 건에 대한 관리자 처리기능 구현</h4><h5>구현목적</h5><ul><li><p>앱에서 사용자 결제 시 발생하는 에러사항에 대한 관리자의 신속한 대응 개선</p></li><li><p>결제 실패이력 수집 기능을 통한 관리자 분석 및 업무 효율성 증가</p></li></ul><h5>담당업무</h5><ul><li><p>유료포인트 결제 실패 건에 대한 관리자 후속처리 메뉴 개발</p><p></p></li><li><p>유료포인트 결제 실패에 따른(일괄/개별) 처리를 위한 관리자 기능 개발</p></li><li><p>관리자에 의한 유료포인트 충전(재시도/환불) 처리 프로세스 구현</p></li></ul><h5>상세구현</h5><ul><li><p>API 에러 상태코드 값에 따른 비동기 처리 로직 구현</p><p></p><ul><li><p>결제 실패 상태코드 세분화와 코드값에 따른 관리자 충전(재시도/환불) 처리를 위한 공통 메서드 구현</p></li><li><p>공통된 상태코드 검색기능을 통한 (일괄/개별) 처리 시스템 구현</p></li></ul></li><li><p>결제 실패에 따른 에러 상세로그 조회기능 구현</p><ul><li><p>결제 실패(iOS/Android) 단말기 코드구분과 상세 에러로그 조회기능 구현</p></li><li><p>일관된 에러 핸들링을 위해 관리자 충전 실패 시 노출되는 커스텀 팝업 구현</p></li></ul></li></ul><h5>사용기술</h5><p>Vue.js, Vue Router, Vuex, Axios, Lodash, Element UI</p><hr><h4>관리자 권한에 따른 무료포인트 지급 및 회수기능 구현</h4><h5>구현목적</h5><ul><li><p>협력사와의 협업으로 해당 기업 관리자에 대한 일부 시스템 접근 제한</p></li><li><p>대량 데이터의 관리자 일괄처리 기능을 통한 업무 프로세스 간소화</p></li></ul><h5>담당업무</h5><ul><li><p>제휴사 무료포인트(지급/회수)를 위한 관리자 일괄처리 메뉴 개발</p></li><li><p>엑셀파일 업로드를 통한 대량 회원의 무료포인트 일괄(지급/회수) 처리기능 개발</p><p></p></li><li><p>실시간 처리현황 조회와 처리완료 데이터 엑셀 다운로드 기능 개발</p><p></p></li></ul><h5>상세구현</h5><ul><li><p>페이지 이동 시 인증 로직을 통해 Store 데이터를 활용하여 관리자 권한 체크</p><ul><li><p>Custom Directive를 활용한 라우팅으로 관리자 권한에 따른 메뉴 접근 제어</p><p></p></li></ul></li><li><p>xlsx 라이브러리를 활용한 엑셀파일 입출력 처리기능 구현</p><p></p><ul><li><p>파일 업로드 시 데이터 무결성 체크와 파일 확장자 검증을 통한 사전에러 방지</p></li><li><p>일괄처리 시 배치 중단기능 추가로 진행상황 도중 발생하는 에러상황 대응</p><p></p></li></ul></li></ul><h5>사용기술</h5><p>Vue.js, Vue Router, Vuex, Axios, Lodash, xlsx, Element UI</p><hr><h4>콘텐츠 노출순서 및 신고 게시글 관리자 제어기능 구현</h4><h5>구현목적</h5><ul><li><p>콘텐츠 노출순서 변경을 위해 콘텐츠를 재 등록 해야하는 문제점 개선</p></li><li><p>불법 콘텐츠와 블랙리스트 사용자를 조치하기 위한 관리기능 부재</p></li></ul><h5>담당업무</h5><ul><li><p>주최사 (이미지/동영상) 콘텐츠 노출순서 통합 관리메뉴 개발</p><p></p></li><li><p>신고 게시글과 블랙리스트 사용자에 대한 관리자 제재 메뉴 개발</p><p></p></li></ul><h5>상세구현</h5><ul><li><p>(이미지/동영상) 콘텐츠를 주최사 기준으로 관리하는 통합 컴포넌트 구현</p><p></p><ul><li><p>다중 콘텐츠의 일괄 상태 변경(활성화/비활성화) 처리기능 구현</p><p></p></li><li><p>Drag &amp; Drop 기능을 활용한 콘텐츠 노출순서 관리 기능 개발</p></li></ul></li><li><p>신고일을 기준으로 조치가 이뤄지지 않은 게시물을 별도 관리하는 컴포넌트 구현</p><ul><li><p>신고상태 코드 세분화를 통한 일괄 처리(정상/블럭/삭제) 기능 구현</p></li><li><p>게시글에 포함된 댓글과 작성자 데이터 연동을 통한 신고 이력 조회기능 구현</p><p></p></li></ul></li></ul><h5>사용기술</h5><p>Vue.js, Vue Router, Vuex, Axios, Lodash, Element UI</p><hr><h4>종료된 투표의 무료포인트 사용 통계 관리기능 구현</h4><h5>구현목적</h5><ul><li><p>무료포인트의 사용 통계 데이터 수집과 데이터 시각화를 통한 관리기능 개선</p><p></p></li><li><p>투표 유형에 따른 회원별 무료포인트 사용량 추적을 통해 빠른 문제상황 대응</p></li></ul><h5>담당업무</h5><ul><li><p>투표 타입별 사용된 무료포인트의 상세 통계 데이터 관리메뉴 개발</p></li><li><p>투표통계 데이터의 시각화와 통계 타입에 따른 상세 조회기능 개발</p></li><li><p>집계 완료 된 투표통계 데이터의 엑셀 다운로드 기능 개발</p></li></ul><h5>상세구현</h5><ul><li><p>echarts 라이브러리를 활용한 투표통계 데이터의 시각화 처리</p><p></p><ul><li><p>각 투표의 식별코드(PK)를 통한 상세 통계 조회기능 구현</p></li><li><p>기간별 투표 참여 현황과 포인트 사용량 데이터 조회기능 구현</p></li><li><p>투표 진행상태(대기/진행중/종료)에 따른 통계 데이터 접근 권한 설정</p><p></p></li></ul></li><li><p>xlsx 라이브러리를 활용한 종료된 투표 데이터의 엑셀 다운로드 기능 구현</p><p></p></li></ul><h5>사용기술</h5><p>Vue.js, Vue Router, Vuex, Axios, Lodash, echarts, xlsx, Element UI</p><hr><h4>기간별 투표 수상자 이미지 업로드 관리기능 구현</h4><h5>구현목적</h5><ul><li><p>s3 browser를 통한 수동적인 이미지 업로드 방식의 업무 프로세스 개선</p></li><li><p>기간별 업데이트 되는 수상자 이미지에 대한 관리기능 부재</p></li></ul><h5>담당업무</h5><ul><li><p>기간별 투표 수상자들의 상세 이미지와 업로드 정보를 관리하는 관리메뉴 개발</p></li><li><p>앱 내 노출되는 투표 수상자들의 상세 이미지 업로드 기능 구현</p><p></p></li></ul><h5>상세구현</h5><ul><li><p>업로드가 완료된 투표 수상자들의 상세 이미지와 관련정보 조회기능 구현</p><ul><li><p>파일 확장자 검증과 이미지 미리보기 기능 구현을 통한 유효성 검증 및 사전에러 방지</p></li><li><p>환경변수 설정을 통한 관리메뉴와 수상자 이미지 개시 사이트와의 링크 연동</p></li></ul></li><li><p>이미지 업로드 기능 모듈화를 통한 컴포넌트 재사용성 확장</p><p></p></li><li><p>s3-bucket과 cloudfront 연동을 통한 업로드 기능 구현 및 이미지 로딩 성능 최적화</p><p></p></li></ul><h5>사용기술</h5><p>Vue.js, Vue Router, Vuex, Axios, Lodash, s3-bucket, cloudfront, Element UI</p>