본문 바로가기

javascript23

[Javascript] window.sessionStorage

sessionStorage란? 참고 : 모질라 window.sessionStorage는 localStorage와 비슷하지만, localStorage의 데이터는 만료되지 않고, sessionStorage의 데이터는 페이지 세션이 끝날 때 제거되는 차이가 있습니다. - 페이지 세션은 브라우저가 열려있는 한 새로고침과 페이지 복구를 거쳐도 남아있습니다. - 탭/창을 닫으면 세션이 끝나고 sessionStorage안의 객체가 초기화됩니다. - 같은 URL을 다수의 탭/창에서 열면 각각의 탭/창에 대해 새로운 sessionStorage를 생성합니다. 사용할 때 알아야 하는 점은 키와 값 모두 String형태로 저장해야 합니다. 키와 값은 항상 각 문자에 2바이트를 할당하는 UTF-16 DOMString의 형태로 .. 2020. 12. 29.

[Javascript] DOM의 정보와 Javascript 스펙을 가지는 window 객체 알아보기

브라우저는 서버에서 받은 html, CSS는 랜더링 엔진을 사용해서 화면에 표시합니다. Javascript는 랜더링 엔진에서 해석하지 않고, Javascript 엔진으로 처리합니다. 화면에 표시된 요소를 조작하는 이벤트를 발생시키는 건 Javascript입니다. 이 Javascript는 DOM을 조작하고 다시 랜더링을 일으킵니다. 그니까, DOM을 조작하기 위해서 브라우저는 Javascript를 사용하는 것입니다. 그래서 개발자가 DOM을 조작하기 위한 정의를 내리기 위해서 Javascript를 사용합니다. 브라우저에서 사용하는 Javascript에서 DOM의 정보와 Javascript의 함수나 이벤트 함수 정보를 가지는 객체가 window 객체입니다. 아무 사이트에서 개발자 도구를 열고, console.. 2020. 12. 29.

[Javascript]var과 let 그리고 const를 알아보겠습니다.

안녕하세요. 이번에 배민 자바스크립트 코딩테스트를 준비하면서, 자바스크립트에 대해서 많이 공부하게 되었습니다. 자료구조인 Array, Queue, Priority Queue, Stack, 이진탐색 등을 공부하고 있습니다. 그런데 공부하면서 계속 햇갈리는 것이 있었습니다. 변수 선언할 때 사용하는 var, let 그리고 const였습니다. 이 세가지의 차이도 모르는 채로 계속 var를 사용하고 있었고, for문에서는 let으로 변수를 선언하니까, for문 정도에서만, let을 사용하였습니다. 그러다가 안되겠다 싶어서 처음으로 되돌아가는 마음으로 var, let 그리고 const의 정의와 사용법을 마음먹고 알아보게 되었습니다. 여러 블로그를 찾아보던 중... 정말 이해하기 좋은 글을 찾아내었습니다. http.. 2020. 5. 7.