vscode에서 react 프로젝트 만들고npm run build 로 배포하면 dist 폴더가 생성된당  dist폴더에는 세개의 파일이 있는데 그 파일들을 spring boot의 static 폴더에 넣으면 됨  node server와 spring(tomcat) server 두 개로 돌려서 테스트할 때는 port번호가 달라서 cors 에러가 발생한당 → spring에서 @CrossOrigin("프론트 경로")으로 서버를 연결시킴 react에서 설정한 포트번호는 vite.config.js에서 설정함 vite.config.js  ↓import { defineConfig } from 'vite'import react from '@vitejs/plugin-react'// https://vite.dev/config..

아래 axios 파트 읽어보깅!! 2024.10.29 - [js] - 비동기 ajax, fetch, axios, async/await, promise 비동기 ajax, fetch, axios, async/await, promisehttps://chantleman.tistory.com/entry/XMLHttpRequest  XMLHttpRequestXMLHttpRequest(XHR)서버와 통신을 하도록 하는 객체 1. 객체는 서버와 상호작용하기 위해 사용2. 전체 페이지를 새로고침하지 않아도 URL을 통해chantleman.tistory.com   HTTP는 stateless로 클라이언트에서 요청(request)하면 서버에서 응답(response)하는 구조로 클라이언트에서 요청을 해야지만 서버에서 응답을 ..

파일업로드1) method는 꼭 post2) enctype="multipart/form-data" 3)  4)  5) action 속성의 uri 뒤에 token 추가 다중 파일 업로드일 때는 input 태그에 multiple 속성 추가하고,  조인(left outer join)과 resultMap 사용 pom.xmlcommons-fileuploadcommons-fileupload1.4commons-iocommons-io2.11.0org.imgscalrimgscalr-lib4.2net.coobirdthumbnailator0.4.8   예제  이미지 미리보기 제목 : 카테고리 : 가격 : 파일 업로드 Choose file ..

@RequestParam과 마찬가지로 요청 파라미터를 객체로 바인딩하기 위해 사용하지만@RequestParam은 URL에 요청 파라미터를 바인딩하는 반면, @RequestBody : 클라이언트가 서버로 전송하는 HTTP 요청의 Body 내용을 직접 조회(Json 데이터 조회)해서 body안의 내용을 자바 객체로 반환 (컨트롤러가 아니면 ObjectMapper로 변환)json으로 보냈으면 post 방식, @RequestBody로 받아야함ajax → json → http 메시지 converter → 객체   @Requestparam는 form태그, model로 넘어올 때 사용하고,ajax로 할 때는 @RequestBody 사용하는데, ajax get 요청할 때는 @RequestBody을 사용하게 되면 에러가..

https://docs.aws.amazon.com/corretto/latest/corretto-21-ug/downloads-list.html Downloads for Amazon Corretto 21 - Amazon Corretto 21Thanks for letting us know this page needs work. We're sorry we let you down. If you've got a moment, please tell us how we can make the documentation better.docs.aws.amazon.com    https://github.com/spring-projects/sts4/wiki/Previous-Versions Previous VersionsThe n..

https://yjkim-dev.tistory.com/3 H2 Database 란? 그리고 사용법?H2 Database 란? H2는 자바로 작성된 관계형 데이터베이스 관리 시스템이다. 장점 따로 설치가 필요없다 용량이 매우 가볍다 웹용 콘솔(쿼리툴) 제공하여 개발용 로컬DB로 사용 용이 특징 JAVA로 작성yjkim-dev.tistory.com   application.properties에 아래코드 작성후 서버 재가동  spring.h2.console.enabled=true   URL에 아래와 같이 입력하고localhost:포트번호/h2-console  서버 재가동했을때 터미널에서 url 찾아서 드래그 복사  jdbc url에 붙여넣기 (뒤에 user = SA는 빼고 url만 복사 )  url은 서버 재..