먼저 prettier을 깐다. visualcode 익스텐션으로 인스톨 하면됌 .prittierrc 파일 만들기{ "singleQuote": true, "semi": true, "tabWidth": 2, "trailingComma": "all", "printWidth": 80, "bracketSpacing": true, "arrowParens": "avoid"} 가장 상단에 설정 파일 만들면 됌 그럼 이제 저장할 때 세미콜론이 자동으로 붙는다. 팀에 맞게 설정해서 사용하면 됌 npm run lint 로 lint 잘 되는지 확인하고 package.json의 scripts : format 에 맞게 prettier가 파일을 이쁘게 적용 해준다.npm run format 을 입력하면 됌 폴더 구조 ..
https://quasar.dev/start/quasar-cli Quasar UMD - CDN install | Quasar FrameworkHow to use the Unified Module Definition form of Quasar.quasar.dev cli 설치해서 진행 할거임$ npm i -g @quasar/cli$ npm init quasarnpm으로 프로젝트 생성 설치할 거임. 설치말고 걍 npm으로 라이브러리만 설치할 수도 있는데 그러면 기능이 한정적임 공식문서 보면됌 npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@quasar'npm ERR! [Error: EACCES: permission ..
기존 store.jsimport { createStore } from "vuex";const storage = { item(){ const arr = []; if(localStorage.length > 0){ for(var i = 0; i 이제 모듈화를 할 차례이다. 나는 각각 store의 vuex 함수 단위로 모듈화 했다.mutations.jsconst addOneItem = (state,todoItem) => { var obj = {completed : false , item : todoItem}; localStorage.setItem(todoItem,JSON.stringify(obj)); state.todoItems.pu..
게터스를 썻을 때 어느 부분에서 코딩을 편하게 할 수 있는지 볼수 있다. 게터스는 state 값을 가져오거나, 가공한 값을 불러올 때 찾는다. storeimport { createStore } from "vuex";export const store = createStore({ state : { price : 100 }, getters : { originalPrice(state){ return state.price; }, doublePrice(state){ return state.price * 2; }, triplePrice(state){ return sta..
mapMutations 사용store.jsexport const store = createStore({ state: { todoItems : storage.item() }, getters: { storedTodoItems(state){ return state.todoItems } }, mutations : { addOneItem(state,todoItem){ var obj = {completed : false , item : todoItem}; localStorage.setItem(todoItem,JSON.stringify(obj)); state.to..
Store에 있는 아래 4가지 속성들을 간편하게 코딩하는 방법- state -> mapState- getters -> mapGetters- mutations -> mapMutations- actions -> mapActions store.jsexport const store = createStore({ state: { todoItems : storage.item() }, getters: { storedTodoItems(state){ return state.todoItems } }, list.vue {{ todoItem.item }}this.$store.getters.storedTodoItems 로도 접근이 ..
- Total
- Today
- Yesterday
- exception
- 향해99
- hypertexttransferprotocol
- 컨트
- react실행
- ArgumentResolver
- 백엔드 개발자 역량
- 스프링부트
- React
- 향해플러스
- HTTP
- 항해99
- 예외처리
- 로그인
- jpa api
- thymleaf
- reject
- filter
- JPA
- rejectValue
- 리터럴
- 항해플러스
- 인터셉터
- 향해플러스백엔드
- 백엔드 개발자 공부
- BindingResult
- Java
- Intercepter
- 스프링공부
- SpringBoot
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |