nuxtjs
[Vue] 차근차근 Todo List 만들기 with typescript - (4) Vuex.Store 만들기
TODO LIST 만들어보기 Vue with Typescript (뷰 + 타입스크립트) (4) Vuex 란? ☞ Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있습니다. 또한 Vue의 공식 devtools 확장 프로그램과 통합되어 설정 시간이 필요 없는 디버깅 및 상태 스냅 샷 내보내기/가져오기와 같은 고급 기능을 제공합니다. (참고 : https://vuex.vuejs.org/kr/) Vuex가 무엇인가요? | Vuex Vuex가 무엇인가요? Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙..
[Vue] 상품 필터 구현하기 (feat. Typescript, ToastUI Chart)
☞ NuxtJS로 Typescript로 작성이 가능한 VueJS 애플리케이션을 만든 후 프로젝트를 진행하였습니다. ☞ 쇼핑몰에 상품이 많아 필터를 사용해서 효과적으로 상품을 찾아주는 기능을 구현해보았습니다. - 상품 목록 헤더를 클릭 해 정렬 가능 - 페이지네이션 - 한 테이블에 나올 수 있는 테이블 갯수 - 필터 기능 (판매가, 판매원가, 이름, 상품 등록일) - 필터에 맞게 만들어주는 Chart 기능 ( Toast UI Chart 사용) - 모바일 화면에 맞춘, 반응형 css ☞ 먼저, TypeScript를 이용해 VueJS 애플리케이션을 만들어본 적이 처음이었기 때문에 TypeScript에 대한 공부가 필요했었습니다. 그래서 Youtube와 인프런 강의를 참조하며 기본적인 기능들을 다뤄봤습니다. 또..
[VueJS] NuxtJS를 통해 VueJS 프로젝트 만들기 (feat. Typecript)
☞ NuxtJS를 이용해 VueJS 애플리케이션을 만들 수 있는 프로젝트 어떻게 생성할까? ☞ 먼저 NuxtJS가 무엇인지 살펴보면, Nuxt는 현대 웹 애플리케이션을 만들기 위해 Vue.js를 기반으로 하는 진보적인 프레임워크입니다. Nuxt는 Vue.js의 공식 라이브러리(vue, vue-router 및 vuex)와 강력한 개발 도구(webpack, Babel and PostCSS)를 기반으로 합니다. Nuxt의 목표는 뛰어난 개발자 경험과 함께 강력하고 뛰어난 웹 개발을 가능하도록 하는 것입니다. https://ko.nuxtjs.org/guide/ 소개 Nuxt는 현대 웹 애플리케이션을 만들기 위해 Vue.js를 기반으로 하는 진보적인 프레임워크입니다. Vue.js의 공식 라이브러리(vue, vue..