늘 겸손하게

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..

서론 한 변수에 저장된 데이터를 다른 변수에 복사하여 할당하는 방법에는 깊은 복사(deep copy)와 얕은 복사(shallow copy)가 존재한다. 두 방식의 차이점을 알아보자 얕은 복사 - shallow copy 메모리 사용량을 최소화하여 복사하기 위해 주소값만 복사한다. 주소값만 복사하기 때문에 복사 속도가 빠르고 메모리 사용량이 적다. 하지만, 같은 주소값을 참조하기 때문에 값이 변경되면 해당 주소를 참조하고 있는 모든 변수에 영향이 간다. let student = {name: "Mike", age: 25, height: 180}; let shallow_copy = student; console.log(shallow_copy.name); // "Mike" student.name..

자바스크립트가 유동적인 언어인 이유 변수의 자료형을 실행 시에(런타임에) 결정하는 동적 언어이기 때문. 위는 자바스크립트의 유연함으로 자바스크립트의 강점이나, 코드량이 많아지고 프로젝트 규모가 커지다 보면 변수값이 예측불가능해질 가능성이 높아져 자바스크립트의 단점이기도 하다. 정적언어 정적 언어는 정적 타입(static type)의 변수를 사용 변수를 선언할 때 변수에 저장할 데이터의 타입을 모두 선언해두어야 한다. 컴파일 시 변수의 타입이 결정되는 언어 c, java 등이 대표적 컴파일 시 선언된 변수 자료형과 다른 데이터가 변수에 들어가 있으면 컴파일 에러 발생 컴파일 중에 타입 에러를 걸러내므로 안정성이 뛰어남 동적 언어 동적 타입(dynamic type) 변수 사용 변수의 자료형을 실행 시(Run..