브라우저 저장소 웹 스토리지 : 웹 데이터를 클라이언트에 저장하기 위해 만들어진 키-밸류 형식의 저장소 쿠키 : 서버와 클라이언트 간의 지속적인 데이터 교환을 위해 만들어진 키-밸류 형식의 저장소 | 웹 스토리지 로컬 스토리지 세션 스토리지 데이터 유지 브라우저 종료시 보관 브라우저 종료시 삭제 데이터 범위 동일한 도메인 전역 공유 브라우저간 공유 안됨 로컬 스토리지와 세션 스토리지의 차이점은 영구성과 범위에 있다. * 도메인이 같더라도 브라우저가 다르면(탭 브라우저, 다른 브라우저) 브라우저 컨택스트가 다르기 때문에 각각의 세션 스토리지가 형성되어 데이터 공유가 되지 않는다 | 쿠키 우리가 HTTP 요청을 보낼때 서버에 특정 요청을 보내면 서버는 요청 자체만으로는 이 요청이 누가 보낸 것인지 알 수 없..

this 사용 규칙 JavaScript에서 가장 난해하게 쓰이는 곳 마다 바뀌는 this 이다. | this 는 4가지 규칙으로 쓰이고 그 공식을 바탕으로 정해진 결과를 가져온다. 함수안에서 this를 쓰면 함수의 내용만으로는 this가 어떤 값을 가져오는 지 알 수 없다. 함수가 어떤 방식으로 실행하느냐에 따라 this 결정된다. 1. 일반 함수 실행 방식 아래 있는 strict mode가 아닌 이상 무조건 글로벌 객체를 가리킵니다. var age = 1; // global object function foo() { console.log(this.age); //this === global object : 브라우저에서는 window를 가리킨다. } foo(); // 1 (글로벌 객체 실행) new foo..

Position 속성 4가지 static relative fixed absolute 1. Static 따로 정하지 않아도 모든 박스(태그)들은 position:static으로 지정되어있다. 태그를 작성한 순서대로, 위에서 아래로~ 왼쪽에서 오른쪽으로~ 배치되는 특징이 있다. 2. Relative 현재위치(static)를 기준으로 좌표속성을 사용하여 위치를 이동시킨다.(top, bottom, left, right) 좌표속성(offset) top : 10px 위에서부터 10px 만큼 아래로이동 left : 10px 왼쪽에서부터 10px 만큼 오른쪽으로 이동 bottom : 10px 아래에서부터 10px 만큼 위로이동 right : 10px 오른쪽에서부터 10px 만큼 왼쪽으로 이동 3. Fixed 브라우저의..

※ HTTP 와 HTTPS 의 개념과 차이점 HTTP란? HTTP(Hyper Text Transfer Protocol)란 서버/클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다. 즉, HTTP는 인터넷에서 하이퍼텍스트를 교환하기 위한 통신 규약으로, 80번 포트를 사용하고 있다. 따라서 HTTP 서버가 80번 포트에서 요청을 기다리고 있으며, 클라이언트는 80번 포트로 요청을 보내게 된다. HTTP는 1989년 팀 버너스 리(Tim Berners Lee)에 의해 처음 설계되었으며, WWW(World-Wide-Web) 기반에서 세계적인 정보를 공유하는데 큰 역할을 하였다. HTTP는 암호화가 되지 않은 평문 데이터를 전송하는 프로토콜이였기 때문에, HTTP로 비밀번호나 주민등록번호 등을 주고 받..

캐시란? 캐시는 자주 쓰이는 문서의 사본을 자동으로 보관하는 HTTP 장치다. 웹 요청이 캐시에 도착했을 때, 캐시된 로컬 사본이 존재한다면, 그 문서는 원서버가 아니라 캐시로부터 제공된다. 불필요한 데이터 전송을 줄여서, 네트워크 요금으로 인한 비용을 줄여준다. 캐시는 네트워크 병목을 줄여준다. 대역폭을 늘리지 않고도 페이지를 빨리 불러올 수 있게 된다. 캐시는 원서버에 대한 요청을 줄여준다. 서버는 부하를 줄일 수 있으며 더 빨리 응답할 수 있게 된다. 캐시는 거리로 인한 지연을 줄여준다. 페이지를 먼 곳에서 불러올수록 시간이 많이 거린다. 더보기 캐시의 개념과 장점 캐시는 자주 쓰이는 문서의 사본을 자동으로 보관하는 HTTP 장치다.웹 요청이 캐시에 도착했을 때, 캐시된 로컬 사본이 존재한다면,그 ..

프레임워크란? 프레임워크는 애플리케이션 개발 시 필수적인 코드, 알고리즘, DB 커넥션 등의 기능들을 위해 뼈대(구조)를 제공한다. 개발자는 이러한 뼈대 위에서 코드를 작성해 원하는 애플리케이션을 개발할 수 있다. 프레임워크는 소프트웨어의 구체적인 부분에 해당하는 설계와 구현을 재사용이 가능하게끔 상호 협력하는 클래스와 인터페이스의 집합이라고 할 수 있다. 쉽게 말해 프레임워크는 개발자가 개발을 쉽게 할 수 있도록 뼈대를 제공해준다고 생각하면 된다. 라이브러리란? 라이브러리는 개발에 필요한 것들을 미리 구현해놓은 도구라고 할 수 있다. 재사용이 가능한 기능을 미리 구현해놓고 필요한 곳에서 호출하여 사용 가능하도록 만들어진 집합이다. 프레임워크 와 라이브러리의 차이 프레임워크와 라이브러리의 가장 큰 차이점..