본문 바로가기

전체 글

(203)
HTML <script> 태그 속성 async, defer 1. async 속성 HTML 구문분석과 비동기적으로 Script를 다운로드 받는다 script를 다운 완료한 후 실행한다. HTML 이 다 안그려진 상태에서 script에서 html dom요소를 가져다 쓰면 에러가 날 수 있다. 2. defer 속성 HTML 구문분석과 비동기적으로 script를 다운로드 받는다 (async와 동일) 하지만 HTML 구문 분석이 끝난 후에 script를 실행한다.
브라우저 저장소 비교 (localStorage, SessionStorage, Cookie) HTML5에서 웹의 데이터를 저장할 자료구조 공간 스토리지 스펙을 제공한다. 그 공간은 키 : 밸류 쌍으로 데이터를 저장하고 키값을 통해 데이터에 접근할 수 있다. 이 웹스토리지에 포함되는 것이 바로 로컬스토리지와 세션스토리지 이다. 쿠키는 고인물이고, 웹스토리지가 5부터 등장 쿠키 대비 웹스토리지의 장점 1. 쿠키는 매번 서버로 전송됨 웹스토리지 저장된 데이터는 그냥 클라이언트에 존재, 서버로 전송은 자동으로는 이루어지지 않음 트래픽 비용 절감 2. 단순 문자열을 넘어 객체정보를 저장가능 브라우저의 지원여부는 확인 필요 3. 용량의 제한 없음 쿠키는 최대 4KB, 20개까지 한 사이트에서 저장 가능 모바일은 2.5mb, 데스크탑은 5mb-10mb 4. 영구저장가능 쿠키는 만료일자를 지정하게 되어 언젠가..
[Javascript] 클로저란? private 변수, 메소드의 관점 여러가지 정의들 중에, 개인적으로 좀 더 직관적으로 받아들여 졌던 정의는, 다음과 같다 클로저란, 생성한 시점의 스코프체인을 기억하여, 비공개 변수를 가질수 있는 환경에 있는 함수이다. 이 외, 다른 정의들 MDN) 클로저는 독립적인 변수를 가리키는 함수이다. 또는 클로저 안에 정의된 함수는 만들어진 환경을 기억한다. 함수와 렉시컬 환경의 조합 함수가 생성될 당시의 외부변수를 기억하여 생성 이후에도 계속 참조가 가능한 것 생성한 시점의 스코프체인을 계속 들고있는 함수 일단 실무에서는 private 변수를 사용하기 위한 것으로 많이 쓰인다. 선행지식 스코프체인 스코프는 일단 범위라는 뜻인데, 간단하게 브라켓{}, 블록 안 저장소라고 생각하자. 블록별로 (if문, 함수선언문, while...등) 자기만의 스..