반응형 자바스크립트57 [js] symbol 심볼(symbol) 심볼은 객체의 프로퍼티 키로 사용된다. 프로퍼티 키란 곧 해당 프로퍼티의 값에 접근하고자 할 때 사용하는 이름이다. JavaScript에서 객체의 프로퍼티 키는 대개 문자열 값이다. 숫자로 쓰는 것도 사실은 문자열이다(내부적으로 문자열로 변환됨). [Symbol의 특징] const sym1 = Symbol(); const sym2 = Symbol(); const sym3 = Symbol('foo'); const sym4 = Symbol('foo'); console.log(sym1 === sym1); // true console.log(sym1 === sym2); // false console.log(sym3 === sym4); // false 1. Symbol 함수를 호출하면 매번 새.. 2023. 11. 6. [JS] history History 객체 history 객체는 브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체입니다. 자바스크립트는 사용자의 개인 정보를 보호하기 위해 이 객체에 접근하는 방법을 일부 제한하고 있습니다. history.length() : 히스토리 목록의 개수 history.back() : 브라우저의 뒤로 가기 버튼과 같은 동작 history. forward () : 브라우저의 앞으로 가기 버튼과 같은 동작 history.go : 인수로 전달받는 정수만큼 히스토리 목록 사이를 이동 2023. 10. 29. [JS] location Location 객체 location 객체는 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용할 수 있습니다. location.href() : 현재 문서의 URL 주소 location.hostname() : 현재 문서의 호스트 이름 location.pathname() : 현재 문서의 파일 경로명 location.assign() : 브라우저 창에 지정된 URL 주소에 존재하는 문서를 불러옵니다. location.replace() : 새 문서를 불러오기 전에, 현재 문서를 브라우저의 히스토리에서 제거한다는 점이 assign() 메소드와 다릅니다. 2023. 10. 29. [JS] Storage 로컬 스토리지 vs. 세션 스토리지 웹 스토리지(web storage)에는 로컬 스토리지(localStorage)와 세션 스토리지(sessionStorage)가 있습니다. 이 두 개의 매커니즘의 차이점은 데이터가 어떤 범위 내에서 얼마나 오래 보존되느냐에 있습니다. 세션 스토리지는 웹페이지의 세션이 끝날 때 저장된 데이터가 지워지는 반면에, 로컬 스토리지는 웹페이지의 세션이 끝나더라도 데이터가 지워지지 않습니다. 다시 말해, 브라우저에서 같은 웹사이트를 여러 탭이나 창에 띄우면, 여러 개의 세션 스토리지에 데이터가 서로 격리되어 저장되며, 각 탭이나 창이 닫힐 때 저장해 둔 데이터도 함께 소멸합니다. 반면에, 로컬 스토리지의 경우 여러 탭이나 창 간에 데이터가 서로 공유되며 탭이나 창을 닫아도 데이터는 .. 2023. 10. 29. 이전 1 2 3 4 5 ··· 15 다음 반응형