WEB STORAGE HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. 그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. Web Storage는 기존 웹 환경의 쿠키(Cookie)와 매우 유사한 개념이다. 사실 거의 차이가 없지만 몇 가지 쿠키의 단점을 극복하는 개선점이 도입되었다. 그러나 쿠키는 여전히 유효하고 꽤 적절한 클라이언트 저장도구임에 틀림없다. HTML5 에서 Web Storage 스펙을 새로 추가했지만..

다음과 같은 JavaScript 객체가 있습니다. var p = { "p1": "value1", "p2": "value2", "p3": "value3" }; 지금은 모든을 통해 루프를 원하는 p요소 ( p1, p2, p3…) 그리고 자신의 키와 값을 얻는다. 어떻게해야합니까? 필요한 경우 JavaScript 객체를 수정할 수 있습니다. 내 궁극적 인 목표는 일부 키 값 쌍을 반복하는 것이며 가능한 경우을 사용하지 않기를 원합니다 eval. 1. for in for-in다른 사람들이 보여주는 것처럼 루프를 사용할 수 있습니다 . 그러나 얻는 키가 객체의 실제 속성이며 프로토 타입에서 가져 오지 않았는지 확인해야합니다. 스 니펫은 다음과 같습니다. var p = { "p1": "value1", "p2": "..

JavaScript 객체의 property를 접근 하는 방법에는 []와 . 을 사용하는 방법이 있습니다. 가령 아래와 같이 a라는 객체가 있다면 속성에 접근하는 방법이 두 가지가 있는거죠 var a = { b : 1, c : 2 }console.log(a["b"] + ' vs ' + a.b) // 1 vs 1 아, 두 가지 방법이 있구나. 헌데 종종 loop 내부에서 a.b와 같이 .을 써서 Property에 접근 시 undefined가 되는 경우를 봤습니다. 그 때는 뭐야? 하고 넘어갔는데 정리 좀 해봤습니다. JS Object property . vs [] nation 먼저 . 표현을 사용한 아래 소스와 결과를 보겠습니다. var a = { “a” : 1, “b-c”: 2, “0d” : 3, “d0”..

자바스크립트의 함수(Function)는 실제로는 전역객체의 함수 입니다. 전역객체는 웹브라우저일 경우 window이고, Node.js일 경우 global이 됩니다. 다음과 같이 일반적인 전역 함수를 정의하고 실행할 수 있습니다. function add(a, b) { return a + b; } console.log( add(3, 5) ); 결과) 8 이 add() 함수는 다음과 같이 호출할 수 있습니다. window.add(3, 5); 결과) 8 결과는 동일합니다. 실제로 두 함수는 동일한 함수 입니다. ※ 자바스크립트 함수는 그 자체로 객체입니다. 자바스크립트는 동적언어라 객체에 나중에 속성을 추가하는 것이 가능합니다. function bar() { console.log( "bar..." ); } ba..

오버라이딩과 오버로딩 안녕하세요. 이번 시간에는 자바스크립트에서 오버라이딩(overriding)과 오버로딩(overloading)의 차이에 대해 알아보겠습니다! 자바스크립트 강좌를 안 쓰려고 했는데 자꾸 쓰게 되네요. 자바스크립트의 마력이랄까요. ㅎㅎ 자바를 배우신 분들은 오버라이딩과 오버로딩에 대해 잘 아실테지만 자바스크립트로 프로그래밍을 시작하신 분들은 용어가 다소 생소할 수 있겠네요. 심지어 용어가 비슷하기도 해서 헷갈리기도 합니다. 오버로딩 스타크래프트의 오버로드와는 아무 상관도 없습니다. (철자가 다릅니다 ㅎㅎ) 자바스크립트에는 사실 없는 개념입니다. 자바스크립트는 함수의 매개변수가 자유롭기 때문입니다. 하지만 다른 언어에서는 매개변수의 개수 또는 자료형에 따라서 함수를 다르게 선언하는 경우가 ..

1. this에 대한 미스터리많은 시간 동안 this 키워드는 자바스크립트 개발자들에게 미스터리의 대상이었다. this는 강력한 기능임에도 불구하고 쉽게 이해하기 힘든 부분이다.Java, PHP와 같은 언어에서 this는 클래스로부터 생성되는 인스턴스 중 현재 객체를 의미한다. 그 이상 그 이하도 아니다. 대부분 클래스 밖에서는 사용될 수 없으며 이러한 접근 방법으로는 혼란이 생기지 않는다.자바스크립트에서 this는 함수의 현재 실행 문맥이다. 자바스크립트에는 4가지의 함수 실행 타입이 있기 때문이다.함수 실행: alert('Hello World!')메소드 실행: console.log('Hello World!')생성자 실행: new RegExp('\d')간접 실행: alert.call(undefined,..