전체보기 (94) 썸네일형 리스트형 [Vue.js] Vue3 : Vuetify Form-validation 유효성 검사 vuetify는 기본적으로 form input에서 validation을 제공한다. :rule 을 활용하면 validate를 적용할 수있다. vuetify Form 에는 input 값들을 validation 하는 기능을 기본적으로 제공한다. 보통은 v-text-field의 rule을 사용하는데, 다음처럼 넣으면 validate처리가 쉽게 된다. 이 방식은 구글링 하면 다 나와서 예시만. 아래는 내가 사용하는 방식이다. components const state = reactive({ sample : { name: "", desc: "" }, rules: { name: [ { required: true, message: "이름을 입력하세요.", trigger: "blur", }, { min: 0, messag.. [JPA] Spring JPA - deleteAll() vs deleteAllInBatch() vs @Query 사용 및 차이점 사실 실무에서는 DB 데이터 삭제는 잘 안 한다. 그래도 필요한 경우가 있긴 하다. 1. DeleteAll() /* * (non-Javadoc) * @see org.springframework.data.repository.Repository#deleteAll() */ @Override @Transactional public void deleteAll() { for (T element : findAll()) { delete(element); } } DB를 조회해서 1개씩 Delete 한다. 만약에 1000개의 데이터를 삭제해야 된다면 1000번 실행이 된다. 굉장히 비효휼적이고 낭비이다. DeleteAllInBatch() 를 사용하는 것을 추천한다. 2. DeleteAllInBatch() /* * (non.. [Chrome devtools] 크롬 개발자 도구 디버깅 할 파일 열기(찾기) ex) 크롬 개발툴로 디버깅을 하다가 에러가 발생하지 않는 페이지의 디버깅을 찍어보고 싶었다. 소스 툴에는 에러 나는 페이지만 나오는데 어떻게 하지? 1. 크롬 개발자 도구에서 소스 탭 클릭. 2. 페이지 카테고리에서 찾고 싶은 파일이 있는 폴더 우클릭. 3. 폴더 검색 4. 해당 폴더에서 파일 찾는다. 아니면 Search 에서 직접적으로 파일 경로 검색해도 된다. * vue 는 그럴 필요 없이 vue 탭 누르면 된다. [Git][Sourcetree] GIT GUI 병합 후 이전 커밋으로 되돌리기 (revert) 개발 후 소스트리(Sourcetree) 병합했는데 에러가 발생했다.어떻게 되돌리지? 해당 커밋 우클릭 > 커밋 되돌리기 클릭. revert failed.병합 후 되돌려야 할 브랜치를 몰라서 발생한 에러.ex) master, dev 를 병합했다면 브랜치가 2개. 이렇게 되면 터미널을 이용해서 되돌려야 한다. git show 현재 커밋의 해시를 확인한다. git revert 1563b27da422891500a319af04fb3e9bb760a91c -m 1git revert (커밋 해시) -m (항목 선택) revert 할 커밋 해시와 항목을 선택 한다.enter 치고 esc 누른 후 :wq! 로 저장 한다. 되돌리기 완료! [Spring Server] Web server failed to start. Port '' was already in use. 에러 해결 방법. Web server failed to start. Port 6993 was already in use. 서버 구동 중 해당 에러가 발생했다. 포트 번호를 이미 사용중이라고 한다. 1. 명령 프롬포트(CMD) 에서 netstat -ano 실행. 현재 실행 중인 포트 목록이 보이고, 에러가 발생한 포트 번호의 PID를 찾는다. 2. taskkill /pid 2668 /f 실행 포트 종료 후 서버를 재실행 하면 정상 구동 된다. [Vue.js] Invaild prop: type check failed for prop "". Expected Object, got String with value "". 에러 Invaild prop: type check failed for prop "". Expected Object, got String with value "". 선언 한 데이터 타입과 대입 한 데이터 타입이 달라서 발생한 에러. ex) 1. Invaild prop: type check failed for prop "value". Expected Array, got Object. 배열로 선언 해놓고 객체로 전달 할 때. 2. Invalid prop: type check failed for prop "date". Expected Number, got String. props: { date: { type: Number, coerce: str => Math.trunc(Date.parse(str) / 1000) },.. [Spring Boot] Intellij Error - No matching variant of org.springframework.boot:spring-boot-gradle-plugin:3.0.2 was found. Intellij 에서 Project Build 시 해당 에러가 발생했다. A problem occurred configuring root project 'demo'. > Could not resolve all files for configuration ':classpath'. > Could not resolve org.springframework.boot:spring-boot-gradle-plugin:3.0.2. Required by: project : > org.springframework.boot:org.springframework.boot.gradle.plugin:3.0.2 > No matching variant of org.springframework.boot:spring-boot-gradle-p.. [Swagger] Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException" SwaggerConfig에 내용 추가 후 서버를 구동하니 해당 에러가 발생했다. Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException" Spring boot 2.6 이후에 spring.mvc.pathmatch.matching-strategy 값이 ant_apth_matcher 에서 path_pattern_parser로 변경되면서 몇몇 라이브러리에 오류가 발생한다고 한다. application.properties 에 추가해주면 된다. spring.mvc.pathmatch.matching-strategy = ANT_PATH_MATCHER yml(yaml) 일 경우 spr.. [Spring] Spring boot - application.yml 값 변수로 사용하기 application.yml common: count: 10000 1. application.yml 혹은 properties 에 지정한 값을 가져오려면 Class명 위에 @Service 혹은 @Component 등의 어노테이션을 설정 후, @Value("&{경로}") 를 지정해주면 된다. import org.springframework.beans.factory.annotation.Value; @Service class Test { @Value("${common.count}") private int count; } 2. 별도 Config Class 파일 생성하여 지정하기. ApplicationConfig.java @Data @Configuration @EnableConfigurationProperties .. [JPA] Spring JPA - Executing an update/delete query Update , Delete 의 경우 Transaction 처리가 필요한데 해당 처리가 없어서 발생한 에러. Executing an update/delete query 해당 메소드에 @Transactional 어노테이션 추가. import org.springframework.transaction.annotation.Transactional; @Transactional public void getTest(String testId) { testQuery.getTest(testId); } 이전 1 2 3 4 5 6 7 8 ··· 10 다음
