기술 이력서

안녕하세요, 웹 프론트엔드 개발자 이동수입니다.

배운 것을 단순히 기록만 해두기 보다, 여러 사람들과의 공유를 통해서 발전하는 것에 더욱 즐거움을 느끼는 주니어 웹 프론트 개발자 입니다.

동료와의 협업, 함께 성장하는 것을 중요하게 생각합니다. 명시적인 코드 작성 및 코드의 효율성을 높이기 위해 노력하며, 컴포넌트를 포함한 다양한 UI요소를 재사용하기 쉽도록 패턴화하고, 반복되는 일을 자동화하고 비효율적인 프로세스를 개선하는 일을 좋아합니다.

또한 사용자의 관점에서 어떤 프로세스가 가장 직관적이고 이상적인지에 대해 고민하며, 사용자의 니즈를 파악해서 문제를 해결하는 것을 좋아합니다.

Contact

📧 이메일 : [email protected] 🧑🏻‍💻 github : https://github.com/sonicce99

🖥 blog: https://sonicce99.github.io/

소개

프론트엔드 개발자 이동수입니다. 풀필먼트 물류 스타트업에서 OMS(주문관리시스템), WMS(창고관리시스템)를 기획/개발/개선/운영 하였습니다. React, Next.js, TypeScript, Redux-toolkit, RTK Query, Storybook 등을 주로 사용하고 있습니다. 29CM, Coupang, 카카오쇼핑 등을 사용하는 seller가 각 쇼핑몰에서 판매된 주문내역을 모두먼트 OMS에 엑셀로 업로드하고 WMS에서 최종 출고되기까지의 모든 프론트엔드 작업에 참여했습니다.

2022년 초 OMS에 고객들의 주문건수가 월 2만건 정도일 때 합류하였고, 입사 당시 주문 관련 채널톡 클레임이 하루 평균 3 ~ 4건 정도 있었습니다. 하지만 2023년 월 6만건인 현재, 작년 대비 주문건수가 4만건 이상 늘었지만 주문 업로드 관련 채널톡 이슈가 2주에 1건 정도로 크게 줄었고, 해당 OMS 주문 관련 출고 프로세스를 책임 담당하여 개선했습니다.

경력

캠핏 (CAMFIT) (Web Front / React Native)

📅 2023.07.10 ~

🖥 [React, React-Native, Redux-Saga, styled-components, Angular]

캠핑생활 피드

📅 2024.05 ~

캠핑과 관련된 다양한 사진과 글을 게시하여 공유할 수 있는 피드입니다.

다양한 크기의 사진과 글, 리액션을 렌더링 지연 없이 사용자에게 부드러운 인터렉션을 제공 하기 위해 주로 고민했습니다.

광고주를 위한 캠페인 광고 노출 및 백오피스(Angular) 개발
캠핑생활 서비스의 전반적인 부분을 개발

Tosspayment 결제 연동

📅 2024.02 ~ 2024.04

나이스페이에서 토스페이먼츠로 결제대행사를 변경하기 위해 토스페이먼츠와 협업.

결제 연동관련 boilerplate code 구축
React-Native
- 결제 링크로 이동 시 헤더의 뒤로가기 클릭 안되는 문제 수정
- 결제 도중 사용자 취소 시 네이버페이 등 일부 결제 수단에서 실패 URL로 이동되지 않는 문제 수정

캠핑장 예약 네이버 연동

📅 2024.12 ~ 2024.01

캠핏의 캠지기센터에 입점된 캠핑장을 네이버에서 예약 할 수 있게 합니다.

캠핑장별 옵션 (성인 or 미성년 인원 추가, 추가 차량, 장작 등) 네이버에 자동 매핑
캠핑장별 개인정보제공동의 관련 Input form 일원화
운영 CS 처리

Google Analytics를 활용한 지표 대시보드화

📅 2023.10 ~

GTM과 Looker Studio로 앱상의 여러가지 지표를 확인합니다.

광고 배너 노출 대비 클릭 수
커머스 구매하기 버튼 클릭 대비 결제 성공 수와 결제 실패 건수 비교
스토어 기획전 호응도 측정 (등등)

기타

모두먼트 (Web Front)

📅 2022.03.30 ~ 2023.06.30

new WMS 리뉴얼 및 개발

📅 2022.11 ~ 2023.06

🖥 [Next.js, TypeScript, Ant Design, RTK-Query, msw, Trello, Swagger]

(2023년 2월 현재 기획을 마치고 본격적인 개발 준비 작업 중에 있음)

마스터, 상품, 입고, 출고 관리 등 기획 리드
Bixolon SLP-DL410 라벨 프린터를 지원하는 Javascript SDK를 사용하여 웹에서 택배 송장 출력하는 프로세스 개발
- (https://kr.bixolon.com/product_view.php?idx=176)

물류센터용 택배 피킹 Video Recording Process 개발

📅 2023.03 ~ 2023.04

🖥 [Electron, React, styled-components, axios, webpack, babel, redux, node-macaddress]

(고객의 요청 시 고객이 주문한 물건이 물류센터에서 정확히 택배 박스에 물건이 담겼는지 확인 할 수 있는 video recording process를 개발)

Renderer process 책임 개발
- main process와 renderer process간 IPC 통신 (mac-address, fs모듈을 통한 local video파일 접근)
- Redux를 통한 비즈니스 로직 처리 및 상태관리
- 고객의 email, 핸드폰 번호를 입력할 수 있는 Form 작성 후 고객에게 video링크를 이메일로 전송
- UI & UX 디자인 및 Rest Api 통신

OMS 개발 및 성능 개선

📅 2022.04 ~ 2023.02

🖥 [Next.js, TypeScript, Ant Design, RTK-Query, redux-toolkit, sheet.js, string-similarity, class-validator]

OMS 출고 엑셀 업로드 프로세스 개선
- 복잡한 props drilling 이슈 해결 및 출고 엑셀 업로드 관련 비즈니스 로직 모듈화
- 월 주문건이 2022년 초 2만건 정도에서 2023년 2월 현재 6만건으로 총 4만건 이상 늘었음에도 불구하고 출고 엑셀 관련 고객사 채널톡 클레임 하루 평균 3 ~ 4건에서 2주일에 1건 정도로 크게 감소
OMS 시스템 AppLayout 구조 개선
- Next.js Custom _app을 활용하여 시스템 Layout 생성 및 반복되는 코드 구조화
택배 신청 엑셀 대량 주문건 (300건 이상) 업로드 프로세스 개발 및 개선
- 주문 대량 업로드 시 걸리는 시간 2분에서 1분으로 50% 단축
- (https://sonicce99.github.io/setTimeOut_setInterval/)
class-validator를 사용하여 고객이 업로드한 주문 엑셀 validation 검사 프로세스 개발
- 고객의 주문 엑셀 기입 오류로 인한 미출고 오류 1주일 평균 2 ~ 3건에서 1달에 1 ~ 2건 정도로 감소 (ex) 주소를 적어야 하는란에 우편번호 기입, 전화번로 적는 란에 우편번호 기입 등)
  - 출고 요청 엑셀
  - 상품 대량 등록 엑셀
  - 입고 요청 엑셀
  - cj 대한통운 CNPlus 송장 엑셀
마이페이지 개선
- 회사 정보, 물류 담당자 정보, 쇼핑몰 연동, 비밀번호 변경 관련 코드 분리 및 UI, UX개선
string-similarity를 사용하여 각 쇼핑몰별 주문 엑셀 title 마다 필요한 서버 property 추천 UI 개발

재고관리, 반품관리 기획 및 개발

📅 2022.08 ~ 2022.08

재고관리
- 상품별 실시간 재고 현황 기획 및 개발
- 재고 수불 내역 기획
반품관리
- 반품 신청 / 진행 현황 페이지 기획
- 반품 상세 조회 페이지 기획
- 반품 요청 관리 페이지 기획 (admin)

OMS, WMS 시스템 일부 통합

📅 2022.07 ~ 2022.07

상품관리 개발
- 상품 대량 등록 (Excel Upload) 파트 개발 및 개선
입고관리 개발
- 입고 요청 (Excel Upload) 파트 개발 및 개선
- 입고 예정 내역 조회 페이지 개발 및 개선

OMS 회원가입 프로세스 리뉴얼

📅 2022.05 ~ 2022.06

🖥 [Next.js, TypeScript, Ant Design, redux-toolkit]

(사업자 등록증, 세금 계산서 관련 프로세스를 추가해야하는 필요성에 따라 새로 개발하기로함)