$(function() { const publicKey = '${publicKey}'; // 공개키 저장 $("form").submit((e) => { // form 태그 submit 이벤트 핸들링// e.preventDefault(); // 입력받은 회원 정보를 파라미터 형식으로 한꺼번에 리턴받기 const serializedData = $("form").serialize(); // => 폼에 대한 serialize() 메서드는 폼 데이터를 직렬화하는데 // 이때, 직렬화의 의미는 폼 데이터를 파라미터 형식으로 일렬로 나열한다는 의미// console.log(serializedData); // name=bora..

의존성 주입(DI) : 의존성 주입은 객체 간의 의존 관계를 외부에서 결정하고 주입하는 디자인 패턴입니다. 이를 통해 각 클래스는 자신의 의존 객체를 직접 생성하지 않고, 외부에서 주입받게 됩니다.왜냐하면 이 방식은 클래스 간의 결합도를 낮추고, 유연성과 재사용성을 높이기 때문입니다.@Autowired 어노테이션을 통해 DI를 쉽게 구현관점 지향 프로그래밍(AOP) :어떤 로직을 기준으로 핵심적인 관점, 부가적인 관점으로 나누어서 보고 그 관점을 기준으로 각각 모듈화@Aspect 어노테이션을 사용하여 AOP를 구현 이 두 기능을 통해 개발자는 코드의 결합도를 낮추고, 공통 기능의 중복을 줄이며, 애플리케이션의 유지보수와 확장성을 대폭 향상시킬 수 있기 때문

https://velog.io/@platinouss/DispatcherServlet-%EB%B0%8F-Spring-MVC%EC%9D%98-%EA%B5%AC%EB%8F%99-%EC%88%9C%EC%84%9C

1. 세션- 서버(컨테이너)에 저장되는 정보 => 서버에서 관리되므로 상대적으로 보안에 유리함- 웹브라우저를 종료하거나 세션 타이머가 만료되거나 서버가 재시작되면 초기화 (또는 자바의 세션 경우 invalidate() 메서드 호출되면 초기화)- 주로, 로그인 정보 등을 저장하는 용도로 사용함(HTTP 프로토콜의 단점을 보완) 2. 쿠키- 클라이언트(웹브라우저)에서 저장되는 정보 => 클라이언트에서 관리되므로 상대적으로 보안에 취약(클라이언트상에서 위변조 위험성 있음) => 대신, 서버의 자원을 소모하지 않고 클라이언트의 자원만 소모함- 웹브라우저가 관리하는 특정 위치에 파일(또는 메모리) 형태로 저장 ( key, value 형식으로 정보가 저장되며, 쿠키명, 쿠키값, 유효기간 등이 포함됨)- 웹브라우저는..

Ajax ( Asynchonous Javascript And Xml, 비동기식 자바스크립트&XML)- 웹 페이지(브라우저)의 갱신(Refresh) 없이도 서버로 요청을 수행하고, 요청에 대한 응답을 처리할 수 있는 자바스크립트(jQuery) 라이브러리- 데이터베이스 등의 작업 요청 시 요청된 응답이 돌아올 때까지 기다리지 않고, 다른 작업을 수행하면서 요청에 대한 응답이 돌아오면 해당 응답을 처리하는 기술- 주로, 아이디 및 패스워드 검증 등의 실시간 정보 조회 작업에 활용   ajax 문법$.ajax({ type : xxx, // AJAX 로 요청 시 사용할 메서드(= 요청 방식 = "GET" or "POST" 등) 지정 url : xxx, // AJAX 로 요청할 요청 주소(URL) data : xx..