본문 바로가기

Programming

(55)

[Java] modelmapper jdk 17 issue "modelmapper Unable to make field private final java.time.LocalDate java.time.LocalDateTime.date accessible: module java.base does not "opens java.time" to unnamed module" 해결 java spring 환경에서 modelmapper 를 사용하던 중 아래와 같은 이슈가 발생 "modelmapper Unable to make field private final java.time.LocalDate java.time.LocalDateTime.date accessible: module java.base does not "opens java.time" to unnamed module" Java 9부터는 모듈 시스템이 도입되었으며, 모듈 간의 접근을 명시적으로 제어하게 되었습니다. 이 문제는 Java 9 이상에서 ModelMapper와 java.time 패키지의 사용 사이의 접근 제한으로 발생한 이슈 현재 내 환경은 jdk 17이었고 entity의 private으로 설정된 LocalDateTi..

[VScode] Mac VScode ESLint 저장 시, 자동 정렬, 자동 수정 설정 VScode에서 ESLint 저장 시, 자동정렬 설정 방법 1. setting.json 켜기 Mac의 경우, "Command + P" 단축키로 파일 검색 창을 연 후, setting.json(.vscode) 를 켜기 2. ESLint 저장 시, 자동정렬 코드 추가하기 "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" } 위 코드를 추가 바로 적용이되지 않는다면, VScode를 재시작, VScode 확장에서 ESLint를 "사용안함" > "다시로드" > "사용" 순서로 재시작 해보기

[TypeScript] VScode "모듈 또는 해당 형식을 찾을 수..." 오류 VScode에서 ts가 설치된 프로젝트를 열었을 때, 자주 "모듈 또는 해당형식을 찾을 수 없습니다....(Cannot fine module...)"의 오류를 자주 볼 수 있다. Vue3 프로젝트에 ts를 추가하였을 때, 바로 이러한 오류가 났는데 해결법을 적어본다. 프로젝트를 바로 생성했을 경우, 보통 vite.config.ts, tsconfig.node.json, tsconfig.app.json, App.vue 에서 확인된다. 실제 설치된 ts플러그인과 VScode에서 기본으로 제공하는 플러그인이 충돌하여 나는 오류인데, 실제 npm 혹은 pnpm istall이나 build는 잘 되는데 붉은 밑줄 등으로 문법적 오류처럼 표기된다면, 아래와 같은 방법으로 해결된다.(install이나 build가 안된다..

[vue3] pnpm으로 프로젝트 생성하기 (ft. @tsconfig/node18/tsconfig.json 오류) pnpm으로 vue 프로젝트 생성하기 vue3 프로젝트의 패키지 관리자를 pnpm으로 선택하고 프로젝트를 새로 생성해본다. 🛠 프로젝트 생성 $ pnpm create vue 위와 같이 프로젝트 생성 명령어를 사용한다. pnpm create vue@latest 와 동일하게 최신버젼의 vue를 사용한다. 만약, 특정 버젼의. vue를 사용하려면 "pnpm create vue@원하는버젼" 으로 명령어를 수정해준다. 🛠 옵션 선택하기 ✔ Project name: … ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for Single Page Application development? … No / Yes ✔ Add Pinia..

[vue3] pnpm 설치 (ft. errno -13 오류) pnpm 설치하기 vue 프로젝트의 패키지 관리를 npm -> pnpm으로 변경하고자 한다. pnpm은 npm보다 여러 방면에서 향상된 기능을 제공한다고 한다.(용량, 캐시 용량 절약 등) 회사의 신규 프로젝트도 패지키 관리를 pnpm을 사용하고 있고 개인 프로젝트도 pnpm을 사용하는 것이 여러방면으로 도움이 될 듯 하다. 🛠 설치 준비물 pnpm을 설치하기 위해서는 Node.js의 버젼이 18.0 이상이여 한다고 한다. $ node --version 터미널에서 위 명령어를 쳐서 노드 버젼을 확인하자.($는 명령어를 의미하니 $는 빼고 타이핑 해줘야한다.) 결과값이 v18.0.0 이상이라면 설치 가능할 것이다. 🛠 설치 하기 $ npm install -g pnpm 터미널에서 pmpm을 설치하는 명령어를..

[Vue3] TypeError: Cannot read properties of undefined (reading '$store') 해결 Vue3 TypeError: Cannot read properties of undefined (reading '$store') 해결하기 Vuex의 store 사용할 때 자주 볼 수 있는 오류 입니다. vue2와 vue3의 store의 사용법이 달라서 일어날 수 있는 오류 입니다. 1. main.js 확인 vue2에서 vue3를 오면서 main.js에 store를 사용하고하는 명시법이 바뀌었기에 많이 나는 오류 입니다. 해결법 import { createApp } from 'vue' import App from './App.vue' import { store } from './store/store' createApp(App) .use(store) .mount('#app') main.js store.js를 ..

[Vue .js] Composition API : props, emits 사용법 composition API porps, emits 사용법 Vue3에 추가된 composition API는 Vue2에서의 option API보다 콤포넌트를 조금 더 독립적으로 만들기 유리하다. 관심사의 분리(상위 컴포넌트는 데이터 컨테이너 역할로 데이터를 직접 조작, 하위 컴포넌트는 데이터를 조작하지 않고 표현만을 담당)를 통해 컴포넌트의 재사용률을 높일 수 있다. props와 emits 사용법 예시 아래예시는 App.vue 안에서 TodoList.vue 컴포넌트를 사용하는 것이다. App.vue 상위 컴포넌트인 App.vue에서 하위 컴포넌트에게 datadls props를 내려주고 하위 컴포넌트에게 이벤트인 emits을 받는다. 하위컴포넌트(TodoList.vue)의 todoItemsProps란 이름의..

[Tistory Tip] 관리자 페이지 들어가기 티스토리에서 글을 작성하다 보면 관리자 페이지에 들어가는 버튼이 없다는걸 알았다. 내가 못 찾는 것일 수도 있지만, 가장 간단한 방법은 URL로 들어가는것 관리자 페이지지는 본인의 Tistory 주소 도메인에 /manage 를 입력해서 들어가는 것 예시 https://reinvestment.tistory.com/manage 내 Tistory 블로그 주소는 https://reinvestment.tistory.com/ 이다. 그 뒤에 /manage 들 붙여서 들어가주면 된다. 물론, 로그인이 되어있는 상태여야한다.

이전 1 2 3 4 ··· 7 다음

728x90

티스토리툴바