ToastUI

    [Vue] 상품 필터 구현하기 (feat. Typescript, ToastUI Chart)

    ☞ NuxtJS로 Typescript로 작성이 가능한 VueJS 애플리케이션을 만든 후 프로젝트를 진행하였습니다. ☞ 쇼핑몰에 상품이 많아 필터를 사용해서 효과적으로 상품을 찾아주는 기능을 구현해보았습니다. - 상품 목록 헤더를 클릭 해 정렬 가능 - 페이지네이션 - 한 테이블에 나올 수 있는 테이블 갯수 - 필터 기능 (판매가, 판매원가, 이름, 상품 등록일) - 필터에 맞게 만들어주는 Chart 기능 ( Toast UI Chart 사용) - 모바일 화면에 맞춘, 반응형 css ☞ 먼저, TypeScript를 이용해 VueJS 애플리케이션을 만들어본 적이 처음이었기 때문에 TypeScript에 대한 공부가 필요했었습니다. 그래서 Youtube와 인프런 강의를 참조하며 기본적인 기능들을 다뤄봤습니다. 또..