본문 바로가기

전체 글57

[VSCode] Prettier Config Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io // prettierrc.js module.exports = { printWidth: 200, tabWidth: 2, useTabs: false, semi: true, singleQuote: true, quoteProps: "as-needed", jsxSingleQuote: false, trailingComma: "es5", bracketSpacing: true, bracketSameLine: false, arrowParens: "always", singleAttributePerLine: false, endOfLine: "auto", overrides: [ { file.. 2023. 1. 12.
Pinia - Action ( Option Store ) 이 글은 Vue 3의 공식 Store | Pinia 를 보고 정리한 글입니다. 더 자세한 내용을 원하시면 공식 문서를 참고하세요. 컴포넌트의 method와 동일한 일을 합니다. 이들은 defineStore()에서 actions속성으로 정의할 수 있으며, 처리해야 할 작업의 로직을 정의하는데 완벽합니다 : export const useCounterStore = defineStore('counter', { state: () => ({ count: 0, }), actions: { // `this`에 의존하므로, 화살표 함수를 사용할 수 없음. increment() { this.count++ }, randomizeCounter() { this.count = Math.round(100 * Math.random().. 2023. 1. 2.
Tistory style 사용법 1. 2. 3. 다시 기본모드로 돌아와서 확인 Tip. 자기가 효과 넣고 싶은 문구가 있는 곳을 특정문자 (ex. !, ?, !!! 등) 으로 표시하여 ctrl + F 로 검색해서 위치 파악하는게 추가 하기 쉬움! style 복사할때 띄워쓰기 잊지마세요! 코드 ex) style="..." style="--bannerheight: 0px; --rightsidebarwidth: 0px; --leftsidebarwidth: 408px; --leftsidebarflyoutwidth: 408px; --topnavigationheight: 56px; font-style: normal; text-decoration-skip-ink: auto; line-height: 1.714; letter-spacing: -.. 2023. 1. 2.
Pinia - Getter ( Option Store ) 이 글은 Vue 3의 공식 Store | Pinia 를 보고 정리한 글입니다. 더 자세한 내용을 원하시면 공식 문서를 참고하세요. Store 상태에 대한 계산된 값과 정확히 동일합니다.defineStore()내에서 getters 속성으로 정의할 수 있습니다. 화살표 함수의 사용을 권장하기 위해, 첫 번째 인자로 state를 받습니다: export const useCounterStore = defineStore('counter',{ state: () => ({ count : 0, }), getters: { doubleCount: (state) => state.count * 2, }, }) 대부분, Getter는 오직 State에만 의존하지만, 다른 getter를 사용해야 할 수도 있습니다. 이 때문에 일반.. 2023. 1. 2.

티스토리툴바