본문 바로가기
반응형

분류 전체보기

[Vue] Property or method * is not defined on the instance but referenced during render.
💻 개발IT/Vue.js 2022. 9. 6. [Vue] Property or method * is not defined on the instance but referenced during render. 속성을 정의하지 않았는데 화면에 렌더링되려고 할 때 아래와 같은 에러가 나타난다. Property or method * is not defined on the instance but referenced during render. 이 에러는 보통 정의하지 않은 경우나 오타 등 다양한 원인으로 나타나게 되는데, 나는 아래 "items"에서 에러가 났었다. import { reactive } from '@vue/composition-api' export default { setup(props) { const state = reactive({ items: null }), return { state } } } 이 경우에 리턴문을 아래와 같이 변경하든지, return { ...toRefs(state) } templ..
카테고리 없음 2022. 9. 1. [npm] Refusing to delete C:\Program Files\nodejs\npm.cmd: is outside C:\Program Files\nodejs\node_modules\npm and not a link npm 업그레이드시, npm ERR! code EEXIST npm ERR! path C:\Program Files\nodejs\npm.cmd npm ERR! Refusing to delete C:\Program Files\nodejs\npm.cmd: is outside C:\Program Files\nodejs\node_modules\npm and not a link npm ERR! File exists: C:\Program Files\nodejs\npm.cmd npm ERR! with --force to overwrite files recklessly. npm ERR! A complete log of this run can be found in: 보통 chocolatey를 통해 nvm을 설치하면 나타나..
[npm] read-shrinkwrap This version of npm is compatible with lockfileVersion@1,
💻 개발IT/Vue.js 2022. 8. 31. [npm] read-shrinkwrap This version of npm is compatible with lockfileVersion@1, npm install 할 때, npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but npm-shrinkwrap.json was generated for lockfileVersion@2. I'll try to do my best with it! 위와 같은 에러 발생. npm version이 6.14.4이라 lockfileVersion 1을 호환해야하는데 해당 프로젝트는 lockfileVersion 2라서 생기는 문제로 npm version을 7 또는 8로 업그레이드 하면 된다. npm install --g npm
[swagger] No operations defined in spec!
💻 개발IT/Spring 2022. 8. 26. [swagger] No operations defined in spec! http://~/swagger-ui.html 에서 No operations defined in spec! 만 보일 때, basePackage 가 프로젝트 패키지 맞는지 확인 @Bean public Docket api() { return new Docket(DocumentationType.SWAGGER_2) .apiInfo(apiInfo()) .select() .apis(RequestHandlerSelectors.basePackage("com.example.demo")) .paths(PathSelectors.any()) .build(); }
[swagger] Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException
💻 개발IT/Spring 2022. 8. 25. [swagger] Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException application.properties 파일에 아래와 같이 추가 spring.mvc.pathmatch.matching-strategy=ant_path_matcher
[intellij] spring run 아이콘 비활성화
💻 개발IT/Spring 2022. 8. 22. [intellij] spring run 아이콘 비활성화 intellij run 아이콘 비활성화시 Run > Add Configuration > 좌측 상단의 + 버튼 > Application > main class 추가 ※ 여기서 폴더들이 만약 안 보인다면, .idea 폴더 삭제 후 프로젝트 재오픈하기 ※ class 파일이 인식 안 되는 경우, (아이콘이 C가 아니라 빨간색 J인 경우) src 폴더 우측 클릭 > Mark Directory as > Sources Root 설정 을 통해 src 폴더를 root 경로로 인식 ※ output directory is not specified in idea project, File > Project Structure > Compiler output 에 "현 프로젝트 경로\out" 작성
Javascript ES2022 정리
💻 개발IT/기타 2022. 8. 20. Javascript ES2022 정리 1. Private 함수나 변수 앞에 #을 붙이면 private가 된다. class Juice { #count = 0; #make() {} } 2. Static static 키워드를 통해 static 변수, 함수를 만들 수 있으며 private와 같이 사용할 수 있다. class Circle { static PI = 3.14; } 3. await async 없이 await를 사용할 수 있고, 그래서 top-level에서도 사용할 수 있다. const connection = await dbConnector(); 4. error의 원인 전달 try { work(); } catch(err) { new Error("failed", { cause: err }) } 5. at at을 통해서 간편하게 배열에 접근할 ..
Javascript ES2021 정리
💻 개발IT/기타 2022. 8. 19. Javascript ES2021 정리 1. replaceAll 기존 replace는 발견한 첫 요소만 변경되었지만, replaceAll을 통해 지정된 모든 요소를 변경할 수 있다. 이전에는 regex의 g(전역)을 통해 전체 요소를 변경했지만 여기서 특수문자를 사용하는 경우 \을 사용해야해서 가독성이 떨어지는 문제가 있었다. // old 'test'.replace('t', 'a') // aest 'test'.replace(/t/g, 'a') // aesa // new 'test'.replaceAll('t', 'a') // aesa 2. Promise.any() Promise 배열 중 가장 먼저 성공한 객체를 리턴한다. 만약, 모두 reject된다면 catch문이 실행되며 AggregateError를 리턴한다. const rejectPromi..
CSS Units - em, rem, vw, vh, px, %
💻 개발IT/기타 2022. 8. 18. CSS Units - em, rem, vw, vh, px, % CSS Units CSS에서 length를 표현하기 위해 여러 unit이 존재한다. 고정되어 있는 Absolute와 상대적인 length를 나타내는 Relative 2가지로 분류할 수 있다. 1. Absolute Absolute에서는 일반적으로 px을 이용한다. Unit Value cm (Centimeters) 1cm = 96px/2.54 px (Pixels) 모니터 위에서 화면에 나타낼 수 있는 가장 단위 1px = 1/96th of 1in in (inches) 1in = 2.54cm = 96px Absolute의 단점은 container 크기가 변경되어도 크기가 그대로이고, 사용자가 브라우저 설정 등으로 글씨 크기를 조절해도 변경이 되지 않는다는 것이다. 2. Relative Unit Descript..
반응형

티스토리툴바