늘 겸손하게

문자열 메모리 사용량 문자열은 0개 이상의 문자(character)로 이뤄진 집합을 말하며, JS에서 1개의 문자는 2바이트의 메모리 공간에 저장된다. 따라서 문자열은 몇 개의 문자로 이뤄졌느냐에 따라 필요한 메모리 공간의 크기가 결정된다. 숫자 값은 1도, 100000도 동일한 8바이트가 필요하지만 문자열의 경우 1개의 문자로 이루어진 문자열은 2바이트, 10개의 문자로 이루어진 문자열은 20바이트가 필요하다. 문자열은 유사 배열 객체 문자열은 유사 배열 객체이면서 이터러블이므로 배열과 유사하게 각 문자에 접근할 수 있다. 유사 배열 객체 : array-like object 배열처럼 인덱스로 프로퍼티 값에 접근 가능하고, length 프로퍼티를 갖는 객체를 말함 1 2 3 4 let str = 'str..

내용 1-1 Browser environment, specs 1-2 DOM tree 자바스크립트 언어는 웹 브라우저를 위해 개발되었지만 현재는 다양한 플랫폼과 다양한 용도로 사용됩니다. 플랫폼은 자바스크립트를 실행 가능한 브라우저, 웹 서버, 다른 'host' 일 수 있습니다. 각각의 플랫폼 모두 플랫폼에 맞는 기능을 제공합니다. 자바스크립트는 그것을 'host environment'라고 부릅니다. 브라우저에는 "window"라고 불리는 "root" 오브젝트가 존재, 이 "root" 오브젝트는 두 가지 역할이 있습니다. 1. 자바스크립트 코드를 위한 전역 오브젝트 2. "브라우저 창"을 표현하고 "브라우저 창"을 제어하는 메소드 제공 function sayHi() { alert("Hello"); } wi..

JavaScript에서 루프를 효율적으로 돌리는데 사용되는 메소드로 setInterval()이 존재합니다. 이 메소드로 애니메이션을 출력하는데 사용하기 하지만 requestAnimationFrame() 메소드 이용이 더 좋습니다. 왜 더 좋나요? 1. 브라우저가 최적화시켜 애니메이션이 부드러워진다 2. 비활성화 탭의 애니메이션은 중지되어 cpu 부담을 줄인다 3. 배터리 소모가 덜 하다 사용법 function repeat() { // 작업 requestAnimationFrame(repeat); } requestAnimationFrame(repeat); 시작, 중단 requestAnimationFrame 메소드에 반복할 메소드를 인자로 주고 호출하면 시작 requestAnimationFrame가 반환하는 ..

this this는 object를 가리킨다. 어떠한 object를 가리키는지는 호출되는 상황에 따라 다르다. 상황에 따라 this가 가리키는 object 1. 객체의 메소드 안 this -> 객체를 가리킴 2. this 혼자 사용됨 -> 전역 객체를 가리킴 3. 함수 내부에서 this -> 전역 객체를 가리킴 4. 'strict mode'일때 함수 내부 this -> this는 undefined 5. 이벤트 내부에서 this -> 이벤트를 받은 요소(element) 6. call(), apply(), bind() -> this는 어떤 객체든 가리킬 수 있음 하나씩 알아보자 const person = { firstName : "John", lastName : "Doe", id : 5500, fullName..