미리보기

• 팀 구성: 데이터 엔지니어 4명과 웹 개발자 2명, 팀장(PO, PM) 으로 이루어진 데이터 분석 전문 조직
• 수행업무: 검색 인텐트 데이터 분석 웹 서비스 프로토타이핑
• 사용해오던 기술 스택(React, Express.js)과 다른 스택(Vue.js, FastAPI)으로 업무를 시작했으나 빠르게 학습, 적응함
• 프로덕트/개발문화 개선에 힘씀
  • 중복되고 재사용 불가능하게 되어있던 코드를 주도적으로 리팩토링
  • 코드 품질/기술부채에 대해 소홀하던 개발문화에 대해 개선방안을 제안 (레거시 리팩토링/코드리뷰/개발환경 구성 등)

• 팀 구성: 3명의 풀스택 개발자로 이루어진 개발팀
• 수행업무: 필요한 모든 개발 업무에 참여, 기능 단위 풀스택 개발 수행
• 사업 초기 단계에서 합류하여 개발/운영의 모든 프로세스를 경험
  • 개발/비개발 따지지 않고 모든 팀원들이 모여서 기획부터 의견을 나누며 협업하여 프로덕트를 만듦

초등학교 전자교과서 퍼블리싱
HTML, CSS, 자체 프레임워크, JQuery를 이용해 여러 사용자 인터렉션과 애니메이션 등이 동작하는 전자교과서 페이지를 제작했습니다.

업무

• 수집된 검색데이터를 유의미한 정보로 시각화 (Vue, FastAPI)
  • API 설계부터 UI, 데이터 시각화 구현까지 풀스택 개발
  • 데이터 쿼리 방식을 파악하고 굳이 필요하지 않은 GraphDB 조회를 RDB 로 교체하여 데이터 페칭 개선 (전체 30초 이상 → 3초 이내)
• 지속적인 프로젝트 유지보수/업데이트
  • 기능 추가/개선 요구사항 구현
  • 지속가능성을 위한 점진적인 코드 복잡도 개선
    • 레거시 코드를 나은 구조로 변경 중
    • 하드코딩 되어있던 컴포넌트를 데이터에 의존하도록 변경
  • 개발효율성/유지보수성 향상을 위한 컴포넌트 설계
    • Tab, Modal, Button, Input 등 공용 컴포넌트 구현
    • SearchInput, Table, Filter 등 재사용 가능한 컴포넌트 구현

성과

• 향상된 시각화 및 인사이트 도출 피쳐들 회사 대외 서비스에 적용 예정 중
• 개발/유지보수 효율성 증가, UI 일관성 향상, 커뮤니케이션 개선

신한플레이 앱을 매체로 이용하는 라이브커머스 리워드광고 플랫폼 라방플러스

업무

• 광고주 전용 광고 등록 웹 서비스 구현 (Next.js, Express.js)
  • 광고 리스팅/상세 페이지
  • 광고 승인 시스템 등록/수정 폼
    • 공통적으로 등장하는 요소의 유지보수를 쉽게 하기 위해 Form Input, Button 등 공통 컴포넌트 구현
• 광고 시스템 동작에 필요한 Node.js 애플리케이션 개발
  • 실시간성이 중요한 광고상태를 시간의 흐름에 따라 제어하는 로직 구현

성과

• 안정적으로 동작하는 광고 시스템 개발

https://live.ecomm-data.com

라이브커머스 판매현황 정보를 볼 수 있는 데이터 열람 B2B 서비스 라방바 데이터랩

업무

• 서비스의 여러 피쳐 제작 (Next.js, Express.js)
• 서비스가 유의미한 임팩트를 가지게 하기 위해 최초 구상 단계에서 부터 적극 소통 참여
• 직접 작성했던 form validation 로직을 효율적으로 관리하기 위해 joi 라이브러리 도입
• 빠르고 올바른 검색 동작을 위해 검색 기능에 ElasticSearch를 도입
• 데이터 fetching을 useEffect를 통해 하던 게시글 페이지를 getServerSideProps로 전환하여 검색엔진 최적화

성과

• 임팩트 있는 피쳐 지속 업데이트, 검색엔진 최적화로 유입 증가
  → DAU 1,000 MAU 17,000 달성

업무

• 크롤링 시스템 위에서 동작하는 쇼핑몰별 크롤러 모듈 개발
• 전체 동작 코드 파악 후 ElasticSearch indexing 로직 개발

성과

• 일일 약 1,000건 이상인 라이브쇼핑 방송의 방송 정보와 실시간 상품 판매량 수집
• 각종 라이브커머스 관련 지표 수집으로 자체 데이터베이스 구축

국내 주요 라이브커머스 플랫폼 통합 편성표 및 방송 알림 기능 제공 애플리케이션 라방바 (2022 상반기 서비스 종료)

업무

• Swift iOS 개발 전담
• React 백오피스 개발 전담
• UI/UX적으로 개선이 필요한 부분에 대해 적극 의견 개진으로 애플리케이션에 반영
  • 검색어 자동완성/방송 필터링 기능 등

성과

• 처음 해보는 iOS 개발 업무였으나 빠른 시간 내에 학습 후 개발에 착수하여 성공적으로 출시, 지속적인 유지보수 진행

Github: https://github.com/kickbelldev/vanilla-spa-form

Blog: https://kickbell.hashnode.dev/vanilla-spa-1

• JSX 기반 함수 컴포넌트 시스템: JSX 파싱 커스텀 함수로 가상돔 생성
• Virtual DOM Diffing: 자식을 재귀적으로 Diffing하여 변경점만 실제돔에 반영
• Dynamic Routing
• React like Hook System
• msw API Mocking
• Server-Driven UI

깃헙 링크

순수 TypeScript로 구현한 SPA 프로젝트입니다.
다이나믹 라우팅과 컴포넌트 기반으로 개발 가능한 틀을 구현했습니다.
컴포넌트 테스트 코드도 구현해봤습니다.

2023.12 ~ 2024.01

깃헙 리포지토리

리액트, Next.js에 대한 이해도를 증가시키고자 지인들과 진행한 스터디입니다.