개발자의 공부방/웹
-
Contents-Type 컨텐츠 타입은 말 그대로 해당 컨텐츠가 무엇인지 알려주는 것을 의미하는데 정의하자면 자원의 형식을 알려주기 위해 Header에 실리는 정보를 말한다. 조금 더 쉽게 말하면 해당 리소스의 미디어 유형을 나타내는데 사용된다. Accept Header 요청한 유형을 헤더에 표기하는 것을 의미한다. 즉, 클라이언트가 나는 꼭 JSON으로 보내줘 혹은 XML로 보내줘라고 서버에 (요청)알리는데 사용되는 것이다. contents-type은 현재 전송하는 데이터가 어떤 타입인지에 대해서 설명하는 개념이고 accept header는 클라이언트가 서버한테 특정한 데이터 타입을 보낼 때 이 요청을 받은 서버는 클라이언트의 요청한 데이터타입으로만 응답을 해야하는 하나의 약속 같은 개념이다.
네트워크 기초] Contents-Type Header 그리고 Accept HeaderContents-Type 컨텐츠 타입은 말 그대로 해당 컨텐츠가 무엇인지 알려주는 것을 의미하는데 정의하자면 자원의 형식을 알려주기 위해 Header에 실리는 정보를 말한다. 조금 더 쉽게 말하면 해당 리소스의 미디어 유형을 나타내는데 사용된다. Accept Header 요청한 유형을 헤더에 표기하는 것을 의미한다. 즉, 클라이언트가 나는 꼭 JSON으로 보내줘 혹은 XML로 보내줘라고 서버에 (요청)알리는데 사용되는 것이다. contents-type은 현재 전송하는 데이터가 어떤 타입인지에 대해서 설명하는 개념이고 accept header는 클라이언트가 서버한테 특정한 데이터 타입을 보낼 때 이 요청을 받은 서버는 클라이언트의 요청한 데이터타입으로만 응답을 해야하는 하나의 약속 같은 개념이다.
2022.08.30 -
개요 쿠키와 세션의 각각 특성, 차이를 확실히 알아가기. 서론 공통점 : 웹 통신 간에 유지하려는 정보를 저장하기 위해 사용하는 것. 차이점 : 저장위치, 저장형식, 용량제한, 만료시점 - 쿠키 : 개인 PC에 저장됨. - 세션 : 접속중인 웹 서버에 저장됨. - 캐시 : 웹 페이지 요소를 저장함. (PC에 저장.) 본론 쿠키와 세션을 사용하는 이유 HTTP 프로토콜의 특징이자 약점을 보완하기 위해서 사용된다. Connectionless 프로토콜 (비연결지향) 클라이언트가 서버에 요청(Request)을 했을 때, 그 요청에 맞는 응답(Response)을 보낸 후 연결을 끊는 처리방식이다. * HTTP 1.1버전에서 연결을 유지하고, 재활용하는 기능이 Default로 추가되었다. (keep-alive값으로..
쿠키와 세션을 알아보자.개요 쿠키와 세션의 각각 특성, 차이를 확실히 알아가기. 서론 공통점 : 웹 통신 간에 유지하려는 정보를 저장하기 위해 사용하는 것. 차이점 : 저장위치, 저장형식, 용량제한, 만료시점 - 쿠키 : 개인 PC에 저장됨. - 세션 : 접속중인 웹 서버에 저장됨. - 캐시 : 웹 페이지 요소를 저장함. (PC에 저장.) 본론 쿠키와 세션을 사용하는 이유 HTTP 프로토콜의 특징이자 약점을 보완하기 위해서 사용된다. Connectionless 프로토콜 (비연결지향) 클라이언트가 서버에 요청(Request)을 했을 때, 그 요청에 맞는 응답(Response)을 보낸 후 연결을 끊는 처리방식이다. * HTTP 1.1버전에서 연결을 유지하고, 재활용하는 기능이 Default로 추가되었다. (keep-alive값으로..
2021.11.09 -
이직을 준비를 위해 여러 면접을 보던 중 정말 기초적인 질문을 하는 곳을 처음 가봤다.. 그리고 아는 개념들이 많았지만 막상 한두마디로 정의한다던가 설명을 하기에는 스스로 정리가 안되고 부족했다 라는 생각이 들었다. 그래서 이 부분을 정리해보고자 한다. Web Server와 WAS(Web Application Server)의 차이. 결과적으로 얘기하자면 Web Server는 정적데이터를 처리하고, Web Application Server는 동적 데이터를 처리한다. 이 말은 무엇을 의미할까? 웹서버는 브라우저와 같은 클라이언트로부터 HTTP 요청을 받아들이고, HTML문서와 같은 웹 페이지를 정적으로 처리해 반환하는 프로그램이다. (그림, 스타일시트, 자바스크립트 포함) 반면 Web Application ..
웹 서버와 웹 어플리케이션의 차이?이직을 준비를 위해 여러 면접을 보던 중 정말 기초적인 질문을 하는 곳을 처음 가봤다.. 그리고 아는 개념들이 많았지만 막상 한두마디로 정의한다던가 설명을 하기에는 스스로 정리가 안되고 부족했다 라는 생각이 들었다. 그래서 이 부분을 정리해보고자 한다. Web Server와 WAS(Web Application Server)의 차이. 결과적으로 얘기하자면 Web Server는 정적데이터를 처리하고, Web Application Server는 동적 데이터를 처리한다. 이 말은 무엇을 의미할까? 웹서버는 브라우저와 같은 클라이언트로부터 HTTP 요청을 받아들이고, HTML문서와 같은 웹 페이지를 정적으로 처리해 반환하는 프로그램이다. (그림, 스타일시트, 자바스크립트 포함) 반면 Web Application ..
2021.11.09 -
들어가기 앞서.. 브라우저 통계를 보여주는 사이트 statCounter를 살펴보면 아래의 스샷처럼 크롬이 독보적입니다. 이 글은 크롬을 바탕으로 이야기합니다. (브라우저 종류 마다 브라우저 구조가 조금씩 다르다.) 1. 브라우저의 기본구조 브라우저의 구성요소를 설명해보겠습니다. 1) 사용자 인터페이스 (User Interfave) : 주소표시줄, 이전&다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분이다. 2) 브라우저 엔진 (Browser Engine) : 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어. 3) 렌더링 엔진 (Rendering Engine) : 요청한 콘텐츠를 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱해 화면에 표시한다. 4) ..
웹] 브라우저는 어떻게 동작할까?들어가기 앞서.. 브라우저 통계를 보여주는 사이트 statCounter를 살펴보면 아래의 스샷처럼 크롬이 독보적입니다. 이 글은 크롬을 바탕으로 이야기합니다. (브라우저 종류 마다 브라우저 구조가 조금씩 다르다.) 1. 브라우저의 기본구조 브라우저의 구성요소를 설명해보겠습니다. 1) 사용자 인터페이스 (User Interfave) : 주소표시줄, 이전&다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분이다. 2) 브라우저 엔진 (Browser Engine) : 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어. 3) 렌더링 엔진 (Rendering Engine) : 요청한 콘텐츠를 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱해 화면에 표시한다. 4) ..
2021.10.23 -
HttpSession을 공부하게 된 이유. www.youtube.com/watch?v=3ArYMq5AomI 우연히 jojoldu.tistory.com/ 블로그의 주인님(?)이신 조졸두님(향로님)이 나오는 유튭영상을 보고 정리하게 됐습니다. 향로님의 대표적인 질문이란 내용으로 (영상 8:05부터) 로그인,HttpSession에 대해서 나옵니다. 해당 영상에서 나오는 질문은 다음과 같습니다. HttpSession.getAttribute("user") /* 1. 사용자 A가 접속해도 "user"를 Key로 값을 가져오고, 2. 사용자 B가 접속해도 "user"를 Key로 가져옵니다. 3. 같은 Key를 쓰는데 어떻게 A와 B를 구분해서 값을 가져올 수 있나요? */ 이 질문을 읽고 뒷통수를 맞은 느낌이 들었습..
웹 기초] HTTP Session 공부HttpSession을 공부하게 된 이유. www.youtube.com/watch?v=3ArYMq5AomI 우연히 jojoldu.tistory.com/ 블로그의 주인님(?)이신 조졸두님(향로님)이 나오는 유튭영상을 보고 정리하게 됐습니다. 향로님의 대표적인 질문이란 내용으로 (영상 8:05부터) 로그인,HttpSession에 대해서 나옵니다. 해당 영상에서 나오는 질문은 다음과 같습니다. HttpSession.getAttribute("user") /* 1. 사용자 A가 접속해도 "user"를 Key로 값을 가져오고, 2. 사용자 B가 접속해도 "user"를 Key로 가져옵니다. 3. 같은 Key를 쓰는데 어떻게 A와 B를 구분해서 값을 가져올 수 있나요? */ 이 질문을 읽고 뒷통수를 맞은 느낌이 들었습..
2021.04.28