실전 압축 코딩

vue에서 eslint 관련 이슈가 생겼다. 해결 방법 package.json 에서 extends: [ "plugin:vue/vue3-essential", "@vue/standard", ], 를 extends: ["eslint:recommended", "plugin:vue/recommended", ] 로 바꿔주면 된다.

vuetify에서 icon 사용시 어떤 아이콘이 사용가능한지 확인하기 힘들다. 그럴때 참고 사이트! https://fonts.google.com/icons?selected=Material+Icons Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants. fonts.google.com https://pictogrammers.github.io/@mdi/font/2.0.46/ Material Design Icons Material Design Icons Mate..

package.json 을 한번 뜯어보자... "private" -> npm 등록시 접근권한 설정 (default->true) "scripts" -> 명령어 실행 "dependencies "-> 운영 환경시 사용할 module "devDependencies " -> 개발 환경에 사용할 module "browserlist" -> 브라우저 지원 환경 설정... package.json과 package-lock.json의 차이 ->" package-lock.json은 package.json으로는 부족한 정보를 도와주는 파일이다." https://velog.io/@songyouhyun/Package.json%EA%B3%BC-Package-lock.json%EC%9D%98-%EC%B0%A8%EC%9D%B4

Vue 프로젝트를 새로 만들었다가, 해당 에러가 발생했다. 검색해보니 eslint setting쪽 문제였다. https://stackoverflow.com/questions/71271760/parsing-error-no-babel-config-file-detected-when-ide-not-open-at-vue-projects "Parsing error: No babel config file detected" when IDE not open at Vue projects root directory I stumbled into a problem where in VS Code, when a Vue project is created and not open at root directory of the Vue pr..

vue.js로 문자열에서 특정 글자의 글자색을 바꿔야 하는 일이 생겼다. 원하는 글자를 span tag로 감싼뒤 style로 color를 주기로 했다. 우선 text는 computed로 받아오는 구조이다. (vue 2.0) computed에서 정규식을 통해 특정 글자를 찾고, 이를 span tag를 감싼다. 최종적으로 v-html을 통해 text를 출력한다.. v-html 이란? v-text innerText 속성에 연결됨. 태그 문자열을 HTML 인코딩하여 나타내기 때문에 화면에는 태그 문자열이 그대로 나타남. v-html innerHtml 속성에 연결됨. 태그 문자열을 파싱하여 화면에 나타냄. (XSS 공격 등에 취약함. 꼭 필요한 경우가 아니면 v-text 를 사용 추천.) __ 간단 예시__ te..

업무를 진행 하던중, 부모 instance는 하나인데 복수의 자식 instance가 생성되어 event를 동시에 발생시킨것이 문제를 낳았다. 자식 instance는 편집기의 작업 이동중 생성된다. 그리고 기존 instance는 삭제 된다. 처음에는 기존 instance의 삭제가 모종의 이유로 진행되지 않았다고 생각했다. 하지만 이해가 안된 것은 명백히 detroyed() 함수가 호출되었다는 것이었다! 결국 destroyed 함수에 특정 event 발생을 막는 코드를 넣어 해결하였다... 더 공부해야지

javascript 물음표 문법 (한개 , 두개) ? 문법(optional chaning) -> TypeError 방지. 값이 없을 경우 undefinded로 처리함 ?? 문법(Nullish Coalescing Operator) -> 값이 없을 경우 default 값을 정해줌 https://lunuy.tistory.com/4 https://seo-tory.tistory.com/38

What is Vuex? | Vuex (vuejs.org) What is Vuex? | Vuex What is Vuex? Pinia is now the new default The official state management library for Vue has changed to Pinia. Pinia has almost the exact same or enhanced API as Vuex 5, described in Vuex 5 RFC. You could simply consider Pinia as Vuex 5 with a different na vuex.vuejs.org Vue.use(Vuex); export default new Vuex.store({ state: { } }) ... state -..