기록

쿠키(Cookie), 세션(Session), 캐시(Cache)는 웹 애플리케이션에서 데이터를 저장하고 관리하는 데 사용되는 세 가지 주요 개념입니다. 쿠키(Cookie)쿠키는 클라이언트 측(웹 브라우저)에 저장되는 작은 데이터 파일입니다. 주로 사용자와 웹 서버 간의 상태 정보를 저장하고 유지하는 데 사용됩니다.저장 위치: 클라이언트(웹 브라우저)수명: 서버가 설정한 만료 시간까지 지속됨. 만료 시간 없이 설정된 쿠키는 브라우저 세션이 끝나면 삭제됨.사용 예: 로그인 상태 유지, 사용자 설정 저장, 트래킹 정보 저장장점: 서버 부담 감소, 사용자의 장치에 데이터 저장 가능단점: 보안 취약성(쿠키 탈취), 저장 용량 제한(일반적으로 4KB) 세션(Session)세션은 서버 측에서 관리되는 데이터 저장 방식..

Axios의 defaults 설정은 Axios를 전역으로 구성하기 위한 설정이며, 일반적으로 애플리케이션의 진입점 파일이나 Axios 인스턴스를 생성하기 전에 설정되어야 합니다. 주로 프로젝트의 초기화 코드 또는 설정 파일에서 이 설정을 구성합니다. - 설정 위치 애플리케이션 진입점 파일 (Main Entry Point) (예: main.js) 만약 Vue.js, React, Angular 등의 프레임워크 또는 라이브러리를 사용하는 경우, 애플리케이션의 진입점 파일에서 Axios의 defaults 설정을 수행하는 것이 일반적입니다. // main.js import { createApp } from 'vue'; import App from './App.vue'; import axios from 'axios..

RESTful API는 Representational State Transfer의 약자로, 웹 서비스를 위한 아키텍처 스타일 중 하나입니다. REST는 HTTP(Hypertext Transfer Protocol)를 기반으로 하며, 자원을 표현하고 상태를 전달하기 위한 간단한 방법을 제공합니다. - REST (Representational State Transfer) 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. 자원(resource)의 표현(representation) 에 의한 상태 전달 - 자원: 해당 소프트웨어가 관리하는 모든 것 Ex) 문서, 그림, 데이터, 해당 소프트웨어 자체 등 - 자원의 표현: 그 자원을 표현하기 위한 이름 Ex) DB의 학..

1. 다양한 형태의 axios axios는 서버로 HTTP 요청을 보내고 응답을 받는 데 사용되며, 다양한 형태로 사용할 수 있습니다. get요청의 예시 입니다. 1-1. 기본적인 GET 요청: await axios.get(url); 가장 기본적인 GET 요청을 보내는 방법입니다. axios.get() 메서드를 사용하여 지정된 url로 GET 요청을 보내고, 응답을 받습니다. 이때 await 키워드를 사용하여 비동기적으로 응답을 기다립니다. 1-2. GET 요청에 파라미터 전달: await axios.get(url, { params: params }); GET 요청 시 쿼리 파라미터를 전달하는 방법입니다. axios.get() 메서드의 두 번째 인자로 객체를 전달하고, params 속성을 사용하여 쿼리 ..

axios.post() 메서드는 Axios 라이브러리를 사용하여 HTTP POST 요청을 보낼 때 사용되는 메서드입니다. axios.post(url[, data[, config]]) url: 요청을 보낼 URL 주소입니다. data (옵션): 요청의 본문에 담을 데이터입니다. 일반적으로 객체 형태로 전달됩니다. 이 매개변수는 GET 요청에서는 사용되지 않습니다. config (옵션): 요청에 대한 추가적인 설정을 담은 객체입니다. 헤더, 인증, 요청 타임아웃 등을 설정할 수 있습니다. data와 config 매개변수는 모두 선택적이므로 필요에 따라 생략할 수 있습니다. 1. params 전송 URL 매개변수로 데이터를 전달하는 방식입니다. params 속성을 사용하여 전달할 데이터를 객체 형태로 지정합니..

일반적인 방법으로 arr전송시 에러가 발생. (ajax에서 controller로 넘어가기 전에 데이터 형태가 맞지않다는 에러) Controller 파리미터 부분에 @RequestParam(value="CREATEDDATAS[]") String[] CREATEDDATAS @RequestParam(value="CREATEDDATAS[]") List CREATEDDATAS @RequestParam(value="CREATEDDATAS") List CREATEDDATAS 위와 같은 방법을 시도했지만 계속 에러가 나서 아래 방법으로 해결함! ajax var data = [{"key1" : "data1", "key2" : "data1"}, {"key1" : "data2", "key2" : "data2"}]; func..