본문 바로가기

Develop/Web4

[HTTP] 쿠키, 세션 그리고 캐시는 무엇일까? 쿠키 vs 세션 vs 캐시 쿠키? 쿠키란 하이퍼 텍스트의 기록서(HTTP)의 일종으로서 인터넷 사용자가 어떠한 웹사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일을 일컫는다. HTTP 쿠키, 웹 쿠키, 브라우저 쿠키라고도 한다. + 웹 페이지를 받을 때, 같이 해당 정보를 쿠키에 담아 로컬에 저장하고, 다시 요청을 보내면 서버에서 쿠키 안의 정보를 확인하여 쿠키를 업데이트 한 후 HTTP 헤더에 포함시켜 응답한다. 세션? 웹 서버에서 임시로 클라이언트의 데이터를 갈무리하는 것을 뜻한다. 쿠키와 역할이 비슷한데, 쿠키는 클라이언트 측에 데이터를 갈무리하는 반면에 세션은 서버 측에 데이터를 갈무리해 놓는다는 차이점이 있다. 주로 로그인, 온라.. 2022. 4. 12.
[정리] bootstrap gird 그리드 시스템 ( grid system ) 부트스트랩에서 그리드 시스템은 디바이스나 뷰포트 크기가 증가함에 따라 반응형으로 배열되는 최대 12개의 칼럼을 통해 쉽고 효율적으로 동적인 페이지의 레이아웃을 만들 수 있도록 도와준다. 예제를 통해 gird 시스템에 대해 이해해보도록 하자. 1 2 3 4 5 6 7 8 9 10 11 12 13 Column Column Column cs 1. container - container가 감싸고 있는 content를 중앙 정렬을 해준다. - 반응형으로 width를 지정하고 싶은 경우 .container - width를 화면의 100%로 사용하고 싶은경우 .container-fluid를 사용한다. container를 통해 해당 영역을 container화 시키고 그 안에 .. 2022. 2. 14.
[정리] CSS 요약 적다보니 양이 생각보다 많아져서 2~3파트로 나눠서 올리기로 했다. CSS (Cascading Style Sheets) Cascading Style Sheets(CSS)는 HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어이다. 쉽게 말해 HTML은 문서의 내부적인 골격을 말한다면 css는 그것을 효과적으로 표현하기 위해 꾸미는 스타일을 의미한다. [스타일을 지정하기 위한 언어] css 구문 - 용어 속성(property) : 어떤 스타일 기능을 변경할지 결정한다. 값 (value) : 어떻게 스타일 기능을 변경할지 결정한다. CSS 선택자 ( selector ) 요소 선택자 HTML 태그를 직접 선택 클래스 (class) 선택자 마침표( . ) 문자로 시작하며, 해당 클래스.. 2022. 2. 14.
[정리] HTML 요약 월요일에 시험을 보기 때문에 HTML과 CSS의 핵심 부분만 간단히 요약해보았다. // css 위주 HTML. (Hyper Text Markup Language) html의 기본 구조는 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 Document Colored by Color Scripter cs 먼저 !DOCTYPE으로 해당 파일이 html이라는 것을 먼저 알려준 뒤 html 태그로 시작되게 된다. html태그 안은 와 로 이루어져 있으며, 몇 태그를 제외한 모든 태그는 열린 뒤 닫혀야한다. 문서의 형태, 타이틀 정보, 스타일 정보, 자바스크립트에 대한 정보가 들어가는 부분. 웹 브라우저가 알아야 할 중요한 정보들이 들어간다. 정보 전달을 위한 데이터가 들어가는 부분 화면에 직접 출력.. 2022. 2. 13.