목록클라이언트 (5)
개발 무지렁이

𐂂 (1) 스프링부트 정적 콘텐츠 기능 정적 콘텐츠 파일을 그대로 클라이언트로 내려준다. localhost:8080/hello-static.html과 같은 url로 접근했을 때, hello-static와 매핑되는 컨트롤러를 찾아서 없으면, 🗂️resources/static에서 hello-static.html을 찾아서 있으면 반환한다. 매핑되는 컨트롤러가 있고, 리턴값으로 문자를 반환하면, 뷰 리졸버가 화면을 찾아서 처리한다. (스프링부트 템플릿엔진 기본 viewName 매핑, 🗂️resources:templates/ + {viewName} + .html) 𐁍 MVC와 템플릿 엔진 Model View Controller 방식으로 쪼개고, view를 찾아 템플릿엔진에 연결해주는 구조 (

🌐 웹서버 리소스는 각자의 이름을 가지고 있다 때문에, 📱클라이언트는 리소스를 지목할 수 있다. 이 때, 통합 자원 식별자(Uniform Resource Identifier)를 사용하여 리소스를 식별하고 해당 위치에 접근한다. ⭐. HTTP는 URI로 객체를 찾아온다. URL(Uniform Resource Locator) URL(통합자원지시자)은 인터넷의 리소스를 가리키는 표준이름이다. 즉, 특정 서버의 하나의 리소스에 대한 위치와 접근방법을 표현한다. 단일방식의 작명규칙을 사용함으로써 URL을 사용하여 원하는 정보에 쉽게 접근할 수 있다. (스킴에 따라 URL 문법이 달라지기도 하지만, 크게 다르지 않다.) 스킴://인터넷 주소:포트번호/리소스 경로;파라미터?쿼리스트링#프레그먼트 1️⃣ 스킴(Schme..

🪙. 토큰(Token) 기반 인증 방식 : 클라이언트와 서버 간의 인증을 위해 토큰🪙을 사용하는 방식을 말한다. (1) 사용자🐽가 ID/Pwd를 제공하여 로그인을 시도한다. (2) 서버는 사용자🐽의 신원을 확인하고, 유효한(Valid) 경우 서버측에서 토큰🪙을 발급한다. (3) 해당 토큰🪙을 클라이언트로 전송한다. (4) 클라이언트는 이후 요청할 때마다, 토큰🪙을 헤더에 포함시켜 서버에 전송한다. (5) 서버는 토큰을 확인하여 사용자🐽의 신원과 권한을 확인하고 데이터를 전송한다. JWT(JSON Web Token) 서버와 클라이언트 간 인증을 위한 암호화된 토큰🪙을 말한다. 헤더(암호화 알고리즘) + 페이로드(사용자ID, 권한) + 서명(비밀키)으로 구성되며 사용자🐽가 로그인을 하면, 서버측에서 JWT🪙..

𐂂 🌐 HTTP란 웹서버와 클라이언트 간에 데이터를 주고 받기 위한 통신 규약을 말한다. 𐁍 Rest (Representational State Transfer) 자원(resource)의 이름으로 식별하여, 해당 자원의 상태(자원의 표현)를 전달하는 것을 의미한다. 즉, 각각의 자원은 고유한 식별자(URI)를 가지며, 클라이언트는 이 식별자(URI)를 사용하여 자원의 상태(표현)을 요청하거나 변경할 수 있다는 것을 의미한다. ex. DB의 회원정보가 자원일 때, 'members/1'로 id가 1인 회원을 표현할 수 있다. ❓자원(resource) : 웹 애플리케이션이 관리하는 모든 것을 말한다. (Entity와 유사한 개념) ❓자원의 표현(Representation) : 요청되어지는 시점에서의 자원의 상..

웹의 취약점, state less 페이지(page)를 이동할때마다 상태정보가 모두 사라진다. a페이지에서 사용했던 정보들(변수, 객체...)이 b페이지로 이동하면 모두 사라진다. 단, 웹은 정보를 하나하나 전송하는 기능은 있다, get, post방식 => 정보의 영속성을 유지하기 위한 저장메커니즘이 필요하다.(없어도 그만인 정보) 🌝 클라이언트쪽에 저장하는 기술 - 단점: 사용자가 직접 보기, 삭제가 가능하다 🍘 Cookie (문자열형태만 저장가능, 요청(request)이 있을때마다 서버로 매번 쿠키를 전송한다, 과부하) 👣 WebStorage (브라우저 안의 저장소) - localStorage: 만료기간 없이 삭제하지 않으면 평생유지 - sessionStorage: 세션이 유지되는 동안에만 정보유지 (..