carrots-day

웹 스토리지 웹 스토리지 (web storage)는 서버가 아닌, 클라이언트에 데이터를 저장할 수 있도록 지원하는 HTML5의 새로운 기능이다. 성능 최적화에 있어 우선시되는 것은 서버 리소스 사용율을 낮추는 것이다. 이에 W3C의 HTML5는 웹 스토리지 기능을 추가해 쿠키보다 더 큰 저장공간, 손 쉬운 사용으로 클라이언트 리소스를 적극활용할 수 있는 대안을 제시한다. 웹 스토리지는 로컬 스토리지와 세션 스토리지로 나뉜다. 로컬스토리지 (localStorage) localStorage는 브라우저에 반영구적으로 데이터를 저장한다. 브라우저를 종료해도 데이터가 유지된다는 얘기다. 데이터를 지우고 싶다면 직접 지워줘야한다. 또한 도메인별로 localStorage 접근이 제한된다. 👽 네이버 localStor..

저장소 웹 개발시 가장 비슷하면서 상이한 개념이 세션, 캐시, 쿠키, 토큰이다. 토큰은 저장소가 아니기 때문에 이글에 적기 뭐하긴 한데 그래도 간지나니 같이 쓰겠다. 사실 나도 명확하게 얘기하라고 하면 일부는 어버버될 것 같다. 이 글에서 정홝히 뿌서본다. 와다! HTTP 특성 저장소별 차이를 보러 왔는데 웬 HTTP 특징을 떠드나 싶을 것이다. 해당 저장소를 사용하는 이유에 대해 이해하기 위해 필요로 하다. 가장 대표적인 특징인 무상태성과 비연결성 때문이다. 무상태성 (Stateless) 클라이언트와 데이터를 주고 받아도 다음 연결시 이전 데이터를 유지하지 않음 비연결성 (Connectionless) 요청에 대한 응답 이후 클라이언트와 연결을 끊는 방식을 사용 👽 다음의 특성 때문에 정보가 유지 되지 ..

URL (Uniform Resource Locator) 네트워크 상에서 자원이 어디 있는지를 알려주기 위한 규약으로 위치 정보 문자열, 즉 웹 리소스에 대한 주소이다. 그냥 우리가 흔히 아는 웹 주소를 의미한다. 여러분이 오덕이라고 가정했을 때 야애니 피규어 사진을 다운로드한다 치자. 웹 서버는 입력된 URL을 통해 해당 사진을 찾아 당신의 브라우저로 보내줄 것이다. 이때 그 리소스에 대한 주소를 말한다. URL 구조 scheme:[//[user[:password]@]host[:port]][/path][?query][#fragment] scheme : 프로토콜 (http 또는 https) user와 password : 리소스 접근시 로그인이 필요한 서비스의 경우 사용자 id / pw host와 port ..

동기/비동기 처리 javascript는 기본적으로 싱글 스레드 엔진을 기반으로 실행되기 때문에 기본적으로 동기 처리되어 작성한 순서대로 수행된다. 하지만 소요가 큰 작업이 수행되면 어떨까? 선행 코드가 수행되기까지 기다려야한다. 선행 여부와 관계없이 수행할 수 있는 기능이 바로 비동기처리이다. javascript에서 코드를 실행시킬때 방식은 2가지로 분류할 수있다. 동기처리 방식과 비동기처리 방식이다. 다음 그림이 동기와 비동기의 차이를 명확하게 해준다. 동기처리 : 서버에 요청을 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다. 비동기처리 : 서버에 요청을 보냈을 때 응답 여부와 관계없이 다음 동작을 수행 할 수 있다. 대표적으로 setTimeout과 AJAX가 있다. 쉽게 말해 실행 시점의 차..

Web Server 웹 서버(Web Server)는 HTTP를 통해 웹 브라우저에서 요청하는 HTML 문서나 오브젝트(이미지 파일 등)을 전송해주는 서비스 프로그램을 말한다. 웹 서버는 어떤 페이지나 이미지, 스크립트 파일과 같은 정적 컨텐츠를 요청하면 그 요청에 맞는 리소스를 반환해주는 역할을 한다. 여기서 말하는 정적 컨텐츠란 HTML, JS, CSS, 이미지, 정적 파일과 같이 특정 작업없이 즉시 응답 가능한 컨텐츠를 말한다. 비유해보자면 우리가 파일 탐색기에서 경로를 입력하면 그에 맞는 디렉토리를 탐색해서 우리 화면에 보여준다. 이처럼 단순히 요청, 요청에 맞는 리소스 반환 역할을 하는 것이 웹 서버다. WAS (Web Application Server) 웹 애플리케이션 서버는 웹 애플리케이션과 ..