업무 · 한국암웨이 · 엔더스

My Pack by Nutrilite 소분 시스템

첫 실무 프로젝트로, 설문 기반 비타민 추천과 함량 조절, 진행·복구 단계의 상태 관리를 개발했습니다.

기간
2020.09 - 2021.02
담당 범위
프론트엔드 개발
기술
Vue 2, TypeScript, Vuex, GitHub
해결하고자 한 과제
첫 실무 프로젝트로, 사용자의 설문 응답을 비타민 추천과 함량 조절로 연결하는 과제를 맡았습니다. 선택한 비타민 종류에 따라 계산값이 달라지고, 진행·복구 단계에 맞춰 선택 데이터를 저장하거나 정리해야 했습니다. 저는 추천 화면과 함량 계산, 단계별 상태 관리를 개발하며 사용자 입력이 서비스의 동작으로 이어지는 흐름을 경험했습니다.
해결 방식
설문 기반 추천 기능을 개발하고, 비타민 종류에 따른 함량 계산을 Vue Computed로 처리했습니다. 진행·복구 단계의 상태에 따라 Vuex 데이터를 저장하거나 삭제하도록 구성했습니다.

주요 기여

  • 설문 기반 비타민 추천 기능 개발

    사용자의 설문 응답을 바탕으로 맞춤 콘텐츠를 추천하는 기능을 구현했습니다.

  • 비타민 종류에 따른 함량 계산

    하루 권장량에 맞춰 함량을 조절하는 기능에서 Vue Computed로 각 비타민의 함량을 계산했습니다.

  • 진행·복구 단계별 데이터 관리

    Vuex를 활용해 단계의 상태에 따라 데이터를 저장하거나 삭제하는 처리를 구현했습니다.

핵심 기여

  • 선택과 계산의 연결: 선택한 비타민 종류에 따라 함량 계산값이 달라져야 했습니다. Vue Computed로 계산을 구성해 입력값에 따른 결과를 화면에 연결하고, 하루 권장량에 맞춰 함량을 조절하는 기능을 개발했습니다.
  • 단계에 맞는 상태 관리: 진행 중인 단계와 복구 단계에서는 필요한 데이터가 달라지므로, Vuex에 저장할 값과 정리할 값을 단계의 상태에 따라 처리했습니다. 추천과 함량 계산에 쓰이는 선택 데이터를 이 흐름에 맞춰 관리했습니다.

첫 실무 프로젝트로 남은 경험

첫 실무 프로젝트에서 사용자 입력이 추천 결과와 계산값을 바꾸고, 단계별 상태 관리로 이어지는 흐름을 경험했습니다. 개발자로서의 출발점이 된 프로젝트라 지금도 특별하게 기억하고 있습니다.