본문 바로가기
반응형

전체 글

[CSS] content 속성
💻 개발IT/기타 2022. 9. 7. [CSS] content 속성 div::after { content: '' } content 속성은 CSS에서 before, after와 함께 쓰이며 HTML이 아닌 CSS로 내용을 추가할 수 있는 속성이다. ※ before : 특정 HTML element 앞에 삽입 after : 특정 HTML element 뒤에 삽입 보통 아래와 같이 글자 사이의 구분선을 넣기 위해 사용한다. 공지사항 | 게시판 | 방명록 https://developer.mozilla.org/ko/docs/Web/CSS/content
[Vue] process.env undefined 오류
💻 개발IT/Vue.js 2022. 9. 7. [Vue] process.env undefined 오류 vue에서 process.env의 변수가 undefined 되는 문제가 있었다. 확인해보니 변수명의 prefix가 있어 VUE_APP_* 로 변수명을 바꾸면 해결 https://cli.vuejs.org/guide/mode-and-env.html#using-env-variables-in-client-side-code Modes and Environment Variables | Vue CLI Modes and Environment Variables Modes Mode is an important concept in Vue CLI projects. By default, there are three modes: development is used by vue-cli-service servetest is used..
[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을 통해서 간편하게 배열에 접근할 ..
반응형

티스토리툴바