웹 개발을 하다 보면 사용자 정보, 설정값, 임시 데이터 등 다양한 정보를 저장하고 공유해야 하는 상황이 자주 생긴당그럴 때 우리는 request, session, context(ServletContext) 같은 저장소를 사용하게 되는데 하지만 이 세 가지, 비슷한 것 같으면서도 각자 저장 범위, 생명주기, 사용 목적이 달라서 헷갈리기 쉽당 ... 1. Request 객체 ✅ 특징저장 범위: 현재 HTTP 요청(Request) 내에서만 유효생명주기: 클라이언트가 요청 → 서버가 응답할 때까지 (응답 후 소멸)사용 예시: 페이지 간 포워딩, form 입력값 전달, 일회성 에러 메시지 등 ✅ 예시// A.jsprequest.setAttribute("msg", "Hello from A.jsp");Re..

가볍게 시작!!  Bar.javapackage com.sumin.just.test3;public class Bar { public void init(){ System.out.println("Bar 초기화!!"); } public void cleanup(){ System.out.println("Bar 제거!!"); }}   Baz.javapackage com.sumin.just.test3;public class Baz { private Baz baz; private Bar bar; public Baz() { } public Baz getBaz() { return baz; } public void setBaz(Baz baz) { this.baz = baz; } public Bar getBar(..

1. 값 비교 (new, ==, equals()) String nameA = "췐틀맨";String nameB = "췐틀맨";String nameC = new String("췐틀맨");String nameD = new String("췐틀맨");System.out.println(nameA == nameB); //trueSystem.out.println(nameA == nameC); //falseSystem.out.println(nameC == nameD); //falseSystem.out.println(nameC.equals(nameD)); //true new새로운 객체 생성→ 주소값이 다름  == 주소값 비교  → 값이 같아도 주소값이 다르면 다른거임 equals() 값비교  → 주소값이 달라..

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..

데이터베이스 결과를 자바 객체에 매핑하는 방법 중에 resultMap 과 resultType이 있당자바에서는 카멜 표기법을 사용하고, sql에서는 스네이크 표기법을 사용하는데db의 컬럼명과 자바의 프로퍼티를 매핑하기 위해 resultType이 아닌 resultMap을 사용한당혹은 테이블 조인이 있을 때 테이블간의 관계를 매핑하기 위해 resultMap을 사용한당조인없을때는 resultType 사용 다중 파일 업로드 같이 다대다 관계를 나타낼때 테이블 조인(left outer join)을 하게 되는데 그때 객체들을 매핑시키기위해 resultMap의 association과 collection을 사용한당     db 컬럼명 - 자바 프로퍼티 연결을 위해 sql에서 아래코드 실행 후 resultMap 태그 안에..

아래 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을 사용하게 되면 에러가..