1. 어드민 페이지: 유저들이 쇼핑몰을 관리할 수 있는 페이지 * PG 연동: 메이더의 가맹점으로 등록하여 나이스페이 회원가입, 정산관리 구축 1. 나이스페이 API 통해서 해당 가맹점의 구매내역을 통해 정산 화면 구축 2. 구매내역을 기반으로 고객 데이터베이스에 지표 구축 * 퍼포먼스 개선: 고화질 이미지들을 firebase CDN 저장/읽기를 통해 퍼포먼스 개선 * 상품관리 1. Excel Sheet을 파싱하여 사업주의 상품 상태 업데이트 2. 상품의 판매, 중지, 품절 상태 관리를 재고 상태를 통하여 관리하게 개발 3. 해당 카테고리, 옵션을 확인하여 firestore의 data subscription을 통해 클라이언트 단에서 들어오는 동시 request 문제를 해결 * 스토어출시 지원: google play, App Store에 앱을 출시하기 위한 API 개발 * 네이버 스마트 스토어 연동: 스마트 스토어 연동에 필요한 PG심사 프로세스를 도입 * 프로젝트 배포 자동화 구축 1. google cloud-platform 권한 인가 받음 2. Firebase Firestore 프로젝트 시작 3. Firestore database rule 세팅 4. Firebase CDN 프로젝트 시작 5. CDN rule 세팅 6. 완성 2. 쇼핑몰 코어페이지: 어드민 페이지를 통해 만들어진 쇼핑몰 페이지 * 상품 상태관리 1. 스마트 택배를 연동하여 상품 구매/취소/환불/교환 정책 구축 2. 상품 상태를 통한 가능한 업데이트 옵션들에 대한 모델 개발 * 회원/비회원 정책 1. 어드민 페이지를 통해서 가져온 비회원 구매정책 정보를 기반으로 코어 화면 변경  2. 비회원 구매가 가능할시, 구매, 구매조회의 페이지를 회원/비회원의 케이스로 UI 분기를 태워 개발 * UI 업데이트를 고려한 개발 1. 여러 종류의 쇼핑몰 코어 템플릿을 개발하여 사업주들에게 다양한 옵션 제공 2. 광고 배너 제거를 구매한 사용자에 한하여 메이더 광고 배너 옵션 연동 3. 사업주가 쇼핑몰에 필요한 프로모션 선택시 화면에 적용 가능하게 개발 3. 메이더 홈페이지: 메이더 자사 홈페이지  * 나이스페이를 통한 PG를 연동하여 구독, 이용권 구매화면 제작 * 개발 안정화 1. 백엔드 데이터를 fetching 하여 고객센터/Q&A 화면 제작: 데이터 베이스에 관련된 정보를 저장함으로써 native로 개발된 안드로이드, IOS 그리고 웹 간의 정보 간극을 없애버림 2. SNS (ex. Kakao), third party authorization (ex. Apple), 이메일을 통한 회원관리 구축 * 이메일을 통한 회원관리일 경우에는 firebase의 authorization을 통해서 데이터베이스에 민감한 정보를 저장하지 않음으로써 고객 정보의 안정성을 확보하면서 개발하였음 * SNS를 통한 빠른 가입 프로세스를 만듬으로써 고객 유치의 장벽을 허물었음 4. 기획/파트 리드 * PMF 1. 가설 * 웹 혹은 앱만 만들어서 이커머스를 운영하는 유저를 대상이 느끼는 웹&앱의 필요성에 대한 가설을 세우고 조사 * 네이버 스마트 스토어에서 이커머스를 운영하는 유저가 자신의 브랜드를 만들고 싶어하는 필요성에 대한 가설을 세우고 조사 * 지그재그/무신사 등 플랫폼 안에서 TOP 20의 유저들을 대상으로 매출액을 분석하고 인터뷰함 * 안드로이드와 IOS 의 앱 별점 정보를 모아 운영 유지보수에 대한 어려움을 측정 2. 고객인터뷰 * 이메일, 전화인터뷰, 대면인터뷰를 통해 잠재적 고객과 인터뷰 * 이미 서비스를 사용중인 유저와 연락을 통해 서비스의 어떤부분 때문에 사용하는지 조사 * 사용을 했지만 다시 접속하지 않았거나, 유료결제 까지 진행하지 않은 고객에 대해서 왜 하지않았는지 조사 * 매 인터뷰 마다 레코딩 하고 요약정리하여 가설을 구체화 시킴 * 파트 리드 1. 외부 * 스마트 택배와 미팅을 통해 Basic 요금제 이후의 나오는 transaction에 대하여 요금 정산 협상을 진행 * 나이스페이 PG사의 미팅을 통해 최저 수수료를 제공받음 * 고객인터뷰를 위한 고객들과의 미팅 스케쥴을 관리 하였음 * 스파크랩 투자유치를 위하여 IR 영문 자료를 만들고 발표함 * 투자사 (스파크랩)와 함께 TIPS 진행 2. 내부 * 내부 개발 스크럼 진행 * 웹 개발 리딩을 담당함 * IOS와 Android 개발자들과 함께 데이터베이스 구축을 리딩함 * Github repository 관리, 사내 credential 관리, 커뮤니케이션 채널(Slack, Notion) 관리를 도맡아서 하였음 * UI/UX 디자이너와 함께 쇼핑몰 코어 템플렛을 구상하고 개발/제작 하였음

더보기

1. 서비스 개발 * 워닝모니터: 서버에서 돌아가는 컴파일러 경고 메시지 들을 가지고 와서 플랫폼, 컴포넌트, 기간 별로 필터해서 보여주는 서비스를 개발 * 셀프서비스 1. 버그질라에 새로 만들어진 컴포넌트 추가 기능 개발 2. 정기적으로 Cron job 이외의 개발자가 test를 매뉴얼 하게 trigger 할 수 있는 기능 개발 * 컴포넌트/커버리지 툴 1. 컴포넌트당 서버를 할당하여 데일리로 코드라인 수 대비 테스트가 커버하는 라인수를 데이터베이스에 저장하여 테스트 커버리지를 관리하도록 만들었음 2. 컴포넌트당 테스트를 돌리는데 사용되는 시간을 측정하고 보여줌으로써 불필요하게 쓰이는 자원에 대해서 최적화를 진행 3. 컴포넌트의 관리자가 팀원들을 관리할 수 있는 기능 개발 * CAM을 통해서 유저 관리 * 이 기능을 통해서 유저를 추가했을 시 관련된 코드 repository, 버그질라, JIRA에 읽기/쓰기 권한을 부여시키도록 구현 4. 매뉴얼 하게 제작된 테스트를 파이썬 스크립트로 추가할 수 있도록 개발     2. 사내 서비스 유지보수 * 데이터베이스 퍼포먼스 개선 1. updated/created timestamp를 기반으로한 pagination을 만들어 부분적 fetching을 함으로써 성능 개선을 하였음 2. 자주 모니터링 되는 페이지들에 대해서 스냅샷을 떠놓고 view로 만들어서 유저가 접속했을 때 데이터 fetching을 하는 대신 스냅샷을 보여줌으로써 데이터베이스에 가해지는 부하를 줄이고 화면 로딩속도를 개선하였음 3. Relational database의 특성상 join이 많이 걸리는 쿼리에 대해서는 dump를 떠서 데이터베이스에서 처리하는 rule 대로 각 단계에서 얼마만큼의 data가 올라오는지 확인하고 부하가 걸리는 쪽에 선제적으로 filter를 걸어서 최대한 적은양의 데이터를 다루게 만듬 4. Unique 값과 join이 걸리는 부분에 index를 만들어서 성능을 개선함 5. 이러한 개선으로 인해 평균적으로 데이터 fetching 속도가 1/10 비율로 개선 성공 * 개발 퍼포먼스 개선 1. Quasar (https://quasar.dev/)가 제공해주는 다양한 웹 컴포넌트를 도입하고 디자인 시스템을 통하여 커스텀 된 웹 컴포넌트로 재제작함으로써 컴포넌트 재사용성을 높이고 개발 속도를 향상 2. Meilisearch를 이용하여 관리 하던 5개의 서비스들의 데이터를 집어넣음으로써 다국어지원이 가능한 검색 엔진 개발 3. Vite를 도입하여 페이지 리프레쉬 없이 해당 모듈만 갱신하여 개발 (빠른 빌드 속도 + 개발화면 바로 확인 가능)

더보기

1. 테스트 * 호환성 테스트: Verizon, AT&T, T-mobile과의 5G, LTE, Wifi 핸드폰 시그널 테스트를 진행 * 퀄리티 테스트: 비디오 퀄리티가 각 시그널에서 제공하는 기준치에 맞는지 테스트를 진행 * 비상상황 테스트: 인터넷이 막혀있는 환경을 모방에 비상연락망과 911에 전화가 잘 가는지 확인

더보기