목록JSON (4)
개발 무지렁이
[Essential Concepts] 쿠키를 쓰지 않는 클라이언트의 HTTP 요청이 있는 경우, DB를 거치지 않은 인증처리를 위한 JWT(Json Web Token)
𐂂 인증(Authentication)과 인가(Authorization) 🪤 인증이란 : 시스템이 제공한 신원을 확인하는 프로세스를 말한다. 🪤 인가란 : 인증된 개체가 어떤 작업을 수행할 권한이 있는지를 결정하는 프로세스를 말한다. 🌱 Spring Boot는 HTTP or HTTPS 요청이면 클라이언트가 뭐든간(?) 상관없이 요청을 처리한다. 클라이언트가 웹 브라우저인 경우, 브라우저 안의 🍪쿠키가 전달되어 인증 및 인가처리를 하는데, 클라이언트가 웹 브라우저가 아닌경우, 🍪쿠키를 잘 쓰지 않는다. 🍪쿠키를 쓰지 않으면 서버의 세션도 못쓴다. * 이럴때 인증 및 인가를 어떻게 처리할까? * 📕 참고 자료 📕 📍 scale-out(서버의 개수를 늘리는 것)되었을 때, 세션을 통해 인증처리 방식 로드밸런서에..
[Spring Boot] 컨트롤러에서 정적/동적 콘텐츠를 클라이언트에 넘겨주는 방식
𐂂 (1) 스프링부트 정적 콘텐츠 기능 정적 콘텐츠 파일을 그대로 클라이언트로 내려준다. localhost:8080/hello-static.html과 같은 url로 접근했을 때, hello-static와 매핑되는 컨트롤러를 찾아서 없으면, 🗂️resources/static에서 hello-static.html을 찾아서 있으면 반환한다. 매핑되는 컨트롤러가 있고, 리턴값으로 문자를 반환하면, 뷰 리졸버가 화면을 찾아서 처리한다. (스프링부트 템플릿엔진 기본 viewName 매핑, 🗂️resources:templates/ + {viewName} + .html) 𐁍 MVC와 템플릿 엔진 Model View Controller 방식으로 쪼개고, view를 찾아 템플릿엔진에 연결해주는 구조 (
[Error] jQuery AJAX를 통해 전송한 데이터를 Controller에서 인식하지 못하는 경우
🎃 Required request parameter 'excludedItemId' for method 📜 script.js $(".check-box").change(function() { let cur = $(this).data("id"); let checkbox = ".check-box-" + cur; if(!$(checkbox).is(":checked")) { //체크 풀었을 때 console.log("excluded: ", cur); //체크가 안된 itemId를 감지 $.ajax({ url: "/sm/c/api/v1", type: "POST", data: JSON.stringify({ "excludedItemId" : cur}), contentType: "application/json", succ..
[JavaScript] 비동기화 통신, AJAX
🌝. 동기 방식 : 하나의 처리가 끝나는 시간과 다음 처리가 시작하는 시간이 같도록 처리하는 방식을 말한다. ex. HTTP... 🌚. 비동기 방식 : 여러 개의 처리가 함께 실행되는 방식으로, 동기 방식에 비해 단위시간 당 많은 작업을 처리할 수 있다. AJAX (asynchronous javascript and xml) 🌚 비동기화통신 응답을 기다리지 않는다, 딴거하고 있다가 응답 이벤트를 받으면 일부부만 갱신 ❗ 사용자의 액션에 따라 화면에 새로고침 없이, 화면의 일부분을 갱신하는 것 (1)XMLHttpRequest생성 -> (2)open -> (3)send -> (4)response -> (5)갱신 🌚 한정적 렌더링 => 부드러운 화면전환 효과 $(function() { $("#send").cli..