본문 바로가기
반응형

분류 전체보기387

ConcurrentModificationException : null JPA - MariaDB 세팅 중 발생 보통 리스트 순회 (for loop, iterator)를 이용하여 삭제, 추가 할 때 발생한다는데 왜 버전차이로 나는지 모르겠음 https://www.inflearn.com/questions/804776/db-%EC%97%B0%EB%8F%99-%EB%B6%80%EB%B6%84%EC%97%90%EC%84%9C-%EC%97%90%EB%9F%AC%EA%B0%80-%EB%B0%9C%EC%83%9D%ED%95%A9%EB%8B%88%EB%8B%A4 수정 전) 수정 후) 2023. 5. 8.
Spring Data JPA 스프링부트 프로젝트에 Spring Data JPA 적용 intellij commutity 버전에는 DB Browser plugin 설치해야 함 스프링부트 프로젝트에 build.gradle에 의존성 추가. implementation 'org.springframework.boot:spring-boot-starter-data-jpa' runtimeOnly 'org.mariadb.jdbc:mariadb-java-client' compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok' application.properties 추가 spring.datasource.driver-class-name=org.mariadb.jd.. 2023. 5. 3.
axios post 에 params 데이터 보내기 GET은 params에 담아서 보내면 그대로 읽어오지만 post로 보내니까 값을 못받아온다. get : getDetail(row){ const params = { bno : row.bno } axios .post('/getDetail', params) .then((response) => { if(response.data){ this.boardDetail = response.data; } }) .catch(function(error){ console.log(error); }) } post : 400 ) Required requst parameter 'bno' for method parameter type int is not present npm install url-search-params-polyfill.. 2023. 4. 28.
element-ui vue 대표 ui 컴포넌트 https://element.eleme.io/#/en-US/component/table#table Element - The world's most popular Vue UI framework element.eleme.io npm i element-ui import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 가이드에 따라 data연결 prop : 가져올 키 이름 label: 화면에 보여지는 컬럼명 결과화면 버튼 팝업 2023. 4. 25.
CORS 에러 (vue.js, springboot) / proxy SOP? 자바스크립트 엔진 표준 스펙의 보안 규칙 중, 하나의 출처(Origin)에서 로드된 자원(문서나 스크립트)이 일치하지 않는 자원과 상호작용 하지 못하도록 요청 발생을 제한하는 정책이 SOP (Same Origin Policy, 동일 출처 정책) 이다. 즉, http://localhost:8000와 http://localhost:8000/posts는 같은 출처라서 상호작용이 가능한데, http://google.com에서 http://localhost:8000를 호출하면 SOP에 위배된다. 동일 출처의 기준 http://example.com:8042/over/there?name=ferret&page=1#nose \__/ \__________/\___/ \________/ \______________.. 2023. 4. 25.
webpack-dev-server 새로고침 하는게 귀찮을때 자동으로 새로고침해주는 기능 npm i -D webpack-dev-server : webpack-dev-server란? webpack-dev-server는 빠른 실시간 리로드 기능을 갖춘 개발 서버로, 디스크에 저장되지 않는 메모리 컴파일을 사용하기 때문에 컴파일 속도가 빨라짐 webpack.config.js에도 devServer 옵션을 통해 옵션을 지정하여 사용이 가능 webpack-dev-server의 동작원리 서버 실행 시 소스 파일들을 번들링하여 메모리에 저장소스 파일을 감시 소스 파일이 변경되면 변경된 모듈만 새로 번들링 변경된 모듈 정보를 브라우저에 전송 브라우저는 변경을 인지하고 새로고침되어 변경사항이 반영된 페이지를 로드 package.json 에 "dev":"we.. 2023. 4. 24.
반응형

티스토리툴바