미리보기

주요 업무

• 설문 제작 플랫폼 유니서베이 개발

• 백오피스 개발

기술 태그

• Next.js React, Vue.js, NestJS, Express.js, Node.js, MongoDB

• AWS, Docker, Git, GitHub

유니서베이는 누구나 손쉽게 설문을 만들고 관리, 배포 할 수 있습니다. 설문 진행 상황을 모니터링하고, 수집된 데이터 차트로 시각화하여 분석할 수 있는 B2B 및 B2C 기반 설문 제작 플랫폼입니다.

기술 태그

Next.js, Vue.js 2/3, NestJS, MongoDB, Zustand, Tanstack-Query, Scss, Styled-component

• 설문 제작 에디터 개발 및 설문 구성

  • 여러 문항 유형(척도, 단수, 주관식 등)을 지원하는 에디터 개발

  • 조건부 로직 기반 동적 설문 구성

    • 응답자의 선택에 따라 다음 질문을 건너뛰거나 새로운 질문을 보여주는 등 동적인 설문 구성

    • 설문 미리보기 기능 구현

  • 설문 템플릿 기반 커스터마이징 기능 개발

• 설문 데이터 시각화를 위한 데이터 통계 및 분석하여 대시보드 구축

  • 수집된 설문 응답 데이터를 가공하여 차트 및 그래프로 시각화

  • 설문 응답 데이터 및 통계 결과 데이터 다운로드 기능 구현

    • Excel, PDF, PowerPoint, 이미지 형식

• 레거시 코드 리팩토링을 통한 성능 개선

  • 데이터 처리 과정 리팩토링 및 Vue-Query를 활용한 캐싱 작업으로 인한 로딩 성능 향상 (약 2.4s → 약 0.6s 개선)

  • 데이터 파이프라인을 구축하여 다운로드 속도 향상 (약 15s → 약 3s 개선)

• Vue 기반 플랫폼을 Next.js로 마이그레이션

  • 페이지 기반 라우팅

  • Server-Side를 활용한 Data pre-fetching 및 Caching 전략 수립

  • 결과 대시보드 모듈을 우선적으로 이전하였으며, 향후 모든 기능을 단계적으로 전환할 예정

• Monorepo 아키텍처 구축

  • 본 플랫폼과 커스텀 플랫폼 간의 코드 공유와 재사용성 향상을 위한 Turborepo 기반 Monorepo 아키텍처를 도입

    • 두 플랫폼이 동일한 코드를 공유하면서도 독립적으로 관리 및 배포될 수 있도록 설계

  • 플랫폼 간 공유되어야할 서비스 로직, 라이브러리, UI 컴포넌트 등을 별도의 패키지로 모듈화하여 패키지로 구분

    • 유니서베이 디자인 시스템 설계

• 나이스페이 결제 시스템 연동 및 다날 회원 인증 시스템 개발

• Socket.io를 활용한 실시간 설문 진행 알람 기능 구현

• 피그마를 활용한 UI/UX 퍼블리싱

• NestJS를 활용한 Rest API 개발

  • 데이터베이스 설계 및 백엔드 시스템 구축

  • 사용자 추적을 위한 Logging 구현

  • HTTP 요청에 대한 예외 처리를 위한 GlobalFilter 구현

기술 태그

React, Vue.js 2, Electron, NestJS, Express.js, MongoDB, Redux, Vuex, Scss, Styled-component

• 타켓팅 메시지 발송 서비스 개발

  • NestJS와 React를 결합한 Turborepo 기반 Monorepo 아키텍처 구조를 도입

    • 프론트엔드와 백엔드 간의 타입 및 인터페이스를 공유하여 API 호출 시 명확한 타입 체크하여 런타임 에러를 최소화하고 개발 효율성을 향상

    • 유틸리티 함수 모듈화하여 패키지 관리

  • Agenda 모듈을 활용한 배치 작업 개발

    • Data fetching, 메시지 발송 워커

  • Server-Sent Events(SSE)를 활용한 알람 기능 구현

  • 설문 응답 데이터 통계 및 분석하여 대시보드 구축

• 설문 관리 어드민 대시보드 구축

  • 설문 링크 및 데이터 관리

  • 데이터 시각화 및 통계 분석

  • 설문 데이터 및 통계 결과 데이터 다운로드 기능 구현

    • Excel, CSV

• 오프라인 설문 데스크탑 애플리케이션 개발

  • 로컬 환경 기반 데스크탑 애플리케이션 개발

  • 한국어/베트남어 두 유형 다국어 처리

google cloud를 활용하여 docker & kubernates를 학습