브라우저 저장소 차이점
(local storage, session storage, cookie)
브라우저 저장소는 크게 WebStorage와 Cookie로 나눌 수 있다
WebStorage
key/value로 데이터를 저장하고 key를 기반으로 데이터를 조회하며 쿠키보다 저장공간이 크다는 장점이 있다.
LocalStorage와 SessionStorage로 나눌 수 있으며 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다.
저장된 데이터가 클라이언트에만 존재하기 때문에 네트워크 트래픽 비용을 줄여준다.
- LocalStorage
- 저장한 데이터를 지우지 않는 이상 영구적으로 보관이 가능하다.
- 페이지를 이동하더라도 도메인이 같으면 공유가 된다.
- SessionStorage
- 세션 종료 시 클라이언트에 대한 정보가 삭제되므로 비영구적이다.
- 페이지를 이동하면 삭제되기 때문에 공유되지 않는다.
Cookie
인터넷 사용자가 어떠한 웹 사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일
용량에 제한이 있으며 매번 서버와 통신하므로 불필요한 데이터들을 다 받아오기 때문에 성능면에서 떨어질 수 있다.
cookie는 만료일자를 지정하게 되어 있어 언젠가 제거되서 비영구적이다.
require와 import 차이점과 사용법
기본적으로 require와 import는 모듈 키워드이며 외부 파일이나 라이브러리를 불러올 때 사용한다
require
CommonJS를 사용하는 node.js 문이다.
파일(non-lexical, 비어휘적)에 저장된 위치에 남아있다.
프로그램의 어느 지점에나 호출할 수 있다.
const moment = require('moment');CommonJS란?
웹 브라우저 밖의 자바스크립트를 위한 모듈 생태계의 규칙을 설립하기 위한 프로젝트
.js파일 간의 어떻게 의존성을 가지게 할 지 정해주는 것
JavaScript를 범용적으로 모듈화를 높이기 위해서 존재한다.
import
ES6에서만 사용된다.
항상 맨 위로 이동한다.
파일의 시작 부분에서만 실행할 수 있다.
사용자가 필요한 모듈 부분만 선택하고 로드할 수 있어서 더 선호하며 require보다 성능이 우수하며 메모리를 절약한다.
import moment from 'moment';