본문 바로가기

Road to Web Developer

 (31)
Cookie vs Session vs Local Storage 간략 비교 1. Cookie후속 요청으로 서버로 다시 보내야하는 데이터를 저장한다. 만료는 유형에 따라 다르며 만료 기간은 서버 측 또는 클라이언트 측 (일반적으로 서버 측)에서 설정할 수 있다.쿠키는 주로 서버 측에서 읽기(클라이언트 측에서 읽을 수도 있음) 위한 것이며, Local Storage 및 Session Storage는 클라이언트 측에서만 읽을 수 있다.크기는 4KB보다 작아야 한다.해당 쿠키에 대해 httpOnly 플래그를 true로 설정하여 쿠키를 안전하게 만들 수 있다. 이렇게하면 쿠키에 대한 클라이언트 측 액세스가 차단된다. 2. Local Storage만료일이 없는 데이터를 저장하고 JavaScript를 통해서만 지워진다.저장 용량 한도는 3가지 중에서 가장 높다. 3. Session Stor..
REST와 RESTful API 1. REST (REpresentational Safe Transfer)?웹에 존재하는 모든 리소스(이미지, 동영상, DB)에 고유한 URI를 부여해 활용하는 것으로, 리소스를 정의하고 리소스에 대한 주소를 지정하는 방법론을 의미한다. 2. REST의 탄생REST는 웹의 창시자(HTTP) 중의 한 사람인 Roy Fielding의 2000년 논문에 의해서 소개되었다. 현재의 아키텍쳐가 웹의 본래 설계의 우수성을 많이 사용하지 못하고 있다고 판단하면서 웹의 장점을 최대한 활용할 수 있는 네트워크 기반의 아키텍쳐를 소개하면서 REST가 대두되었다. REST가 대두되기 시작한 큰 이유는 '애플리케이션 분리 및 통합', '다양한 클라이언트의 등장'이다. 애플리케이션의 복잡도가 증가하면서 애플리케이션을 어떻게 분리..
HTTP 개념 및 주요 내용 정리 1. HTTP란?HTTP(Hypertext Transfer Protocol)하이퍼텍스트 전송 규약. 웹 브라우저(web browser) 같은 응용프로그램을 통해 웹 클라이언트(사용자)와 웹 서버(서비스 제공자) 사이 데이터를 전송하는 프로토콜이다. HTTP를 통해 주고 받는 대표적인 파일은 HTML 문서파일이 있다. 2. HTTP의 특징- HTTP 클라이언트와 HTTP 서버에 의해서 해석이 된다.- TCP/IP를 이용하는 응용 프로토콜(application protocol)이다.- 연결 상태를 유지하지 않는 비연결성 프로토콜이다.- 요청/응답(Request/Response) 방식으로 동작한다. 연결 상태를 유지하지 않기 때문에 정보를 저장하기 위해 쿠키(Cookie)와 세션(Session)이 등장했다. ..
인터넷(Internet)과 웹(Web) 인터넷 vs 웹인터넷과 웹이라는 단어는 같은 뜻으로 혼용되기도 하는데, 미묘한 차이가 있다. 인터넷은 무언가가 국경을 넘어 서로 얽혀있다는 점에서는 웹과 다르지 않지만, 인터넷은 컴퓨터가 서로 연결되어 통신을 주고받는 컴퓨터끼리의 네트워크를 일컫는 말이고, 웹은 그 인터넷상에 정보가 얽혀있는 무형의 정보 네트워크를 말한다. 인터넷에선 웹뿐 아니라 전자 메일과 같이 다른 서비스가 쓰이기도 하고, 웹은 그런 서비스 중 하나다. 하지만 인터넷의 활용도에 있어 웹이 차지하는 비중이 워낙 높다 보니 두 단어가 거의 같은 의미로 쓰이기도 한다.1. 인터넷이란?인터넷(Internet)이란 여러 통신망을 하나로 연결한다는 의미의 ‘인터 네트워크(inter-network)’라는 말에서 시작되었으며, 이제는 전 세계 컴퓨..
자바스크립트는 무엇인가? 1995년에 등장한 자바스크립트는 펄(Perl) 같은 서버 언어에서 담당하던 입력 유효성 검사였다. 자바스크립트가 등장하기 전에는 필수 필드가 비어있거나 입력된 값이 잘못된 형식인지 판단하려면 서버를 거쳐야만 했는데, 당시에는 전화선을 이용한 모뎀을 사용하고 있어 속도가 매우 느렸다. 그래서 넷스케이프 내비게이터는 자바스크립트를 도입하여 이 문제를 해결했다. 이후 자바스크립트는 출시된 주요 웹 브라우저 모두에서 중요한 기능으로 자리 잡게 된다. 자바스크립트는 더 이상 단순한 데이터 유효성 검사에 국한되지 않고 클로저나 익명(람다) 함수, 심지어 메타프로그래밍까지 처리하며 복잡한 계산과 상호작용을 수행하는 완전한 프로그래밍 언어가 되었다. 넷스케이프에서 일하던 브랜든 아이흐(Brandan Eich)가 Mo..
CSS (Cascading Style Sheets) 란? 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 'CSS'이다.HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성 형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다.따라서 웹 개발자들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을 자유롭게 선택하거나 변경할 수 있으며 유지·보수도 간편하게 할 수 있다.
HTML (HyperText Markup Language) 란? HyperText Markup Language의 약자로, 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류이다. 하이퍼텍스트를 작성하기 위해 개발되었으며, 인터넷에서 웹을 통해 접근되는 대부분의 웹 페이지들은 HTML로 작성된다. HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 쓰인다. HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호""를 사용하여 나타낸다. 일반적으로 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있으나 "img", "br" 등의 태그와 같이 시작태그만으로 그 영향을 나타내는 경우도 있으며, 종료 태그의 이름은 슬래시 문자[/]로 시작된다. 이와같이 HTML로 작성된 ..

티스토리툴바