[TIL - 20221115] 브라우저 데이터

오늘 한 일

1. 스터디 시간까지 풀어야할 DP 문제 하나 풀기
2. 정렬 문제 퀵정렬로 해결

오늘 배운 것

브라우저에 데이터 저장

왜?

메일 앱 같이 자주 조회하는 데이터는 매번 데이터를 서버에 요청해 받아올 수 없으니, 업데이트된 항목만 가져오면 불필요한 트래픽은 없다.
결국, 불필요한 트래픽을 줄이기 위함! 이 주된 이유같다.

브라우저에 데이터 저장하는 방법

1. Web Storage : Map(key, value)의 형태로 저장
   • Local Storage : 브라우저에 저장해서 지우지 않는 한 절대 삭제 되지 않는 저장소
   • Session Storage : 현재 접속 중인 브라우저에 해당하는 저장소로 접속이 종료되면 소멸
   • 위 Web Storage는 실습해봤다.
     Local Storage
     Session Storage
   • 실습 목표
   • Session Storage : 브라우저를 종료했을 때 내용이 소멸되는지 와 현재 창에서 새 창을 출력했을 때 내용이 복제가 되는지 확인
   • Local Storage : id 저장을 구현하는데 브라우저를 종료하고 다시 연결했을 때 내용이 존재하는지
2. Web SQL : 관계형 데이터베이스(SQLite3 - 외부에서는 접속이 불가능한 저용량 DB) 이용
3. Indexed DB : 자바스크립트 객체 형태로 저장 - NoSQL(NotOnlySQL의 약자)과 유사

• 기존에는 Cookie를 사용했는데 Cookie를 사용하게 되면 문자열만 저장할 수 있고 서버에게 매번 전송된다는 부담 때문에 지금은 덜 사용한다. 물론 아직 외국의 많은 사이트들은 Cookie를 쓰는 경우가 많다.