미리보기

신사업의 웹뷰, 모웹, 어드민을 개발, 유지보수하는 역할을 하고 있습니다.

무신사 신사업 어드민 및 웹뷰 런칭

• 상황 및 배경

  • 3-40대를 타켓으로한 새로운 신사업 플랫픔의 앱과 어드민 런칭을 필요

• 과제

  • 정해진 데드라인에 웹뷰와 어드민을 런칭

• 액션

  • vue.js, vuetify, vuex를 이용하여 어드민을 런칭

  • next.js, typescript, tailwind, framer-motion,react-hook-form 등을 이용하여 웹뷰를 런칭

• 결과

  • 2023년 5월 웹뷰와 어드민 런칭

무신사 신사업 모웹 오픈

• 상황 및 배경

  • 모바일 웹을 사용자에게 제공함으로써 서비스 소개 역할을 확대하고 서비스로 진입하는 사용자 수 확대에 기여한다

• 과제

  • 정해진 데드라인에 모웹을 오픈한다

• 액션

  • 초기 프로젝트 세팅(Next.js, react-query, jotai 등) 및 배포(gitlab ci) 및 서버 세팅(ec2+pm2)

  • 중간 퇴사자들이 발생함으로써 이슈들을 커버하면서 전시와 관련된 모웹을 주로 개발

• 결과

  • 2023년 8월 모웹 런칭 후 DAU기준 앱의 약 4배의 사용자 접속

무신사 신사업 모웹 안정성 기여

• 상황 및 배경

  • 빠르게 런칭한 모웹 코드에 대한 안정성을 높일 필요

  • 백엔드와의 배포 프로세스 통일화 및 깃허브 옮기기 위한 작업이 필요

• 과제

  • 코드 자체의 안정성을 높인다

  • dockerfile과 jenkins 파일을 세팅하여 ecs로 배포 프로세스를 옮긴다

• 액션

  • 코드 안정성을 높이기 위해서 소나큐브를 도입하였습니다 (github action을 통한 세팅)

  • 기준 dockerfile과 jenkins파일을 세팅하여 ecs로 배포할 수 있도록 세팅

• 결과

  • 팀장님, 팀원과 함께 373개의 버그, 2185개의 코드스멜을 0개의 버그와 839개의 코드스멜로 1달 반만에 줄임

무신사 2.0 후기 오픈 기여

• 상황 및 배경

  • 무신사 2.0 오픈

• 과제

  • 후기에 2.0 디자인을 입히고 오픈

• 액션

  • 팀원과 함께 React, Vite를 통해서 개발

• 결과

  • 2.0 오픈 후 육아휴직

React-Natvie 앱개발자로써 기존의 앱을 개발, 유지보수하는 역할을 하였습니다.

Typescript 도입 및 앱 크러시에 대한 대응

• 상황 및 배경
  • 앱을 사용할시 에러에 대한 대응을 제대로 못하여서 앱크러시가 일어나서 강제종료되는 상황이 발생함
  • 타입이 없다보니 위와 같은 에러를 잡을때 잘 못 된 타입이 들어오거나 하는 등의 타입스크립트에서 해결할 수 있는 에러들이 발생함
• 과제
  • 앱 크러시가 일어나더라도 앱이 종료되는게 아닌 재시작을 할 수 있도록 유도하는 식으로 대응한다.
  • 타입스크립트를 도입
• 액션
  • 앱 크러시가 나올시 앱을 재시작할 수 있도록 유도
  • 타입스크립트 도입 및 화면 단위로 차례대로 적용
  • 타입이 없는 라이브러리는 직접 기여
    https://www.npmjs.com/package/@types/iamport-react-native
    https://www.npmjs.com/package/@types/react-native-wheel-pick
    https://www.npmjs.com/package/@types/react-native-base64
• 결과
  • 앱 크러시에 대한 앱 이탈 방지 및 타입 적용으로 인한 에러 방지 및 감소 효과

배포 자동화

• 상황 및 배경
  • 여러 명의 개발자가 자신의 맥북으로 수동으로 배포하나보니 개인의 실수로 잘못 배포될때가 발생함.
• 과제
  • 수동으로 하는 작업을 자동으로 변경하여서 개발자의 실수를 줄이고 반복되는 작업을 줄인다.
• 액션
  • fastlane을 도입하여서 로컬에서 빌드하여서 올릴시 작동으로 올라갈 수 있도록 대응
• 결과
  • fastlane을 도입함에 따라 개인의 실수로 잘 못 배포되는 부분이 사라지게 됨.

프론트엔드 개발자로써 Nuxt을 통하여서 모바일, pc웹을 유지보수하였습니다.

vuex의 적용

• 상황 및 배경
  • 입사 당시 vuex가 익숙하지 않아서 vue의 event bus로 개발하였는데 이 부분이 유지보수하기 어려워진 부분이 있어서 vuex를 도입
• 과제
  • vuex를 도입한다.
• 액션
  • vuex 도입 및 이벤트 버스로 관리되던 부분 제거
• 결과
  • 이벤트 버스를 사용하면서 명확하게 정리되지 못한 로직등을 중앙으로 모아서 관리함으로써 유지관리성을 높임.

산업일보, 다아라 기계장터, 산업부동산, 다아라매거진 4가지의 서비스 사이트를 유지보수도 하고 다아라몰의 PC, mobile 웹을 런칭하는 역할을 하였습니다.

다아라몰의 PC, mobile 웹을 런칭

• 상황 및 배경
  • 기존의 직거래를 하던 기계장터가 아닌 사용자가 견적거래를 할 수 있도록 도와주는 사이트가 필요
• 과제
  • 기존에 사용하였던 jquery, php 등을 이용하여 데드라인에 맞춰서 런칭
• 액션
  • jquery, php 등을 이용하여 다아라몰의 PC, mobile 웹개발
• 결과
  • 다아라몰의 PC, mobile 웹 런칭