setup(){ const todoItems = ref([]); //methods //외부에 영향을 주지 않고 독립적인 일을 해야한다. //그러므로 바로 todoItems에 넣지않고 독립적인 array를 반환한다. function fetchTodos(){ const result = []; for(let i = 0; i setup을 사용한다고 해도 사실 methods를 사용할 수 있다. 여기에서 function을 치지 않아도 되서 훨씬 깔끔하다.. 그리고 ref로 정의한 setup의 data도 this로 접근이 가능하다는 사실..! 그래서 더 편하게 작성할 수도 있는 부분이 된다. 어느정도 methods 옵션을 사용하다가 너무 복잡해..
vb 라고 입력하면 vbase로 한번에 템플릿을 만들 수 있다. 기존 vue2에서 vue를 치면 나온다고 했는데 안됐던 이유가 현재 내 버전은 vue3 였던 것!! 참고하자. 참고로 vue3는 컴포지션api를 사용하는데 모듈화로 해서 사용하면 store와 용도는 다르지만 비슷한 느낌인것 같다. 쓰임새는 각각 다르다고 한다.컴포지션 API:컴포지션 API는 Vue 3에서 새롭게 추가된 기능으로, 코드를 보다 모듈화하고 재사용 가능하게 만들어줍니다.컴포지션 API를 사용하면 로직을 관련된 부분끼리 묶어서 사용할 수 있습니다. 이는 더 작은 단위로 컴포넌트를 분리하고, 각 부분을 조합하여 필요한 로직을 만들어낼 수 있게 해줍니다.기존의 옵션 기반 API보다 유연하고 가독성이 좋습니다. 특히 대규모 애플리케이션..
먼저 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..
- Total
- Today
- Yesterday
- 항해99
- 스프링공부
- BindingResult
- HTTP
- 스프링부트
- 항해플러스
- filter
- 향해플러스
- Intercepter
- exception
- 인터셉터
- 예외처리
- hypertexttransferprotocol
- 컨트
- thymleaf
- SpringBoot
- 백엔드 개발자 공부
- reject
- JPA
- React
- 향해플러스백엔드
- 백엔드 개발자 역량
- Java
- ArgumentResolver
- jpa api
- 로그인
- react실행
- 향해99
- 리터럴
- rejectValue
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |