IT45 Pinia - State ( Option Store ) 이 글은 Vue 3의 공식 Store | Pinia 를 보고 정리한 글입니다. 더 자세한 내용을 원하시면 공식 문서를 참고하세요. Pinia에서 상태는 초기 상태를 반환하는 함수로 정의됩니다. 이를 통해 Pinia는 Server측과 Client측 모두에서 작동할 수 있습니다. mport { defineStore } from 'pinia' export const useStore = defineStore('storeId', { // 화살표 함수는 전체 유형 유추을 위해 권장됨. state: () => { return { // 이 모든 속성은 자동으로 유형이 유추됨. count: 0, name: 'Eduardo', isAdmin: true, items: [], hasChanged: true, } }, }) V.. 2023. 1. 2. Pinia 이 글은 Vue 3의 공식 Store | Pinia 를 보고 정리한 글입니다. 더 자세한 내용을 원하시면 공식 문서를 참고하세요. 시작하기 선호하는 패키지 관리자로 pinia를 설치합니다. 1 2 3 yarn add pinia # or with npm npm install pinia cs 💡 TIP ! 앱이 Vue 2.6.x 이하 버전을 사용하는 경우, 컴포지션 API도 설치해야 합니다: @vue/composition-api. Nuxt를 사용하는 경우, 이 지침을 따라야 합니다. main.js @/main.js 1 2 3 4 5 6 7 8 9 import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App... 2022. 12. 30. Syntax Error: Error: PostCSS received undefined instead of CSS string 프로젝트를 진행하던 중 공통 css를 분리하면서 scss 파일을 만들게 되었다. global.css 그리고 어김없이 나타난 빨간 ERROR 에러 문구 Syntax Error: Error: PostCSS received undefined instead of CSS string 해결법 1 2 3 npm install node-sass or npm rebuild node-sass cs 나의 경우에는 처음에 npm install node-sass를 통해 문제를 해결했으나... 그다음 날 다시 프로젝트를 시작하니 에러를 다시 한번 맞닥트렸다. (끔찍) rebuild로 해결해주면 OK! 2022. 12. 28. [LeetCode] 문제를 풀면 자동으로 Git에 Push하는 플러그인 집에서 너무 빈둥빈둥 노는 것 같아서 LeetCode를 풀기 시작했다. 기존에 백준 문제를 풀 때는 Python으로 진행했었는데 이번에는 Javascript로 문제를 풀기로 했다. (잘가 Python...) 풀이한 내용을 어디에 기록해둘까 하다가 LeetHub라는 기능 발견! 설치방법 1. chrome 웹 스토어에서 LeetHub를 설치 2. 나의 GitHub 계정과 연동 3. 어느 Repository에 연결할지 설정 (기존, 새로 생성 중 선택) LeetHub Automatically integrate your Leetcode & GeeksforGeeks submissions to GitHub chrome.google.com 사용방법 1. 문제를 푼다 2. Submit을 누른다 3. 자동으로 업로드 문.. 2022. 12. 27. 이전 1 2 3 4 5 6 ··· 12 다음
