레몬그린 블로그

코드 예제 - https://stackblitz.com/edit/nuxt-usefetch-dollarfetch Nuxt - useFetch, $fetch - StackBlitz Create a new Nuxt project, module, layer or start from a theme with our collection of starters. stackblitz.com Nuxt 특징 이해하기 - Nuxt는 리액트의 SSR 라이브러리처럼 따로 서버사이드 코드 / 클라이언트 사이드 코드를 분리하지 않는다. 클라이언트에 의존하는 부분은 알아서 내가 if (process.client) 등을 걸어서 처리해야한다. 코드가 분리되지 않아 간단하지만 오히려 고도화가 되면 불편해지는 단점을 낳는다. 아래의 사진은 R..

전체적으로 Pinia가 좀 더 최신 트렌드를 반영하고, 자바스크립트 다워졌다고 생각합니다. 좀 더 React 라이브러리처럼 쓸 수 있게 변했다 해야하나? 전체적으로 Vue 3가 독자 문법같은 노선에서 자바스크립트 표준 문법 노선으로 간 것 같아 마음에 듭니다. Pinia의 경우에는 state 선언 방법이 이렇습니다. import { defineStore } from 'pinia' export const useProductStore = defineStore('product', { state: () => ({ products: [ { name: 'Shoes', price: 30000 }, { name: 'Apple', price: 5000 } ] }), getters: { productCount(state)..