스카이코의 세상

for ... in / for ... of는 ES6에서 추가된 문법이다. 자주 헷갈려서 정리하고자 한다. 둘의 공통점은 반복문으로 사용된다는 것이며 차이점은 for ... in은 객체를 순환할 때, for ... of는 배열을 순환할 때 사용된다는 것이다. for ... in - 객체 순환 const obj = { a: 1, b: 2, c: 3 }; for (const item in obj) { console.log(item) // a, b, c } 위의 예시처럼 for ... in을 사용하면 객체의 프로퍼티를 순환할 수 있다. 만약 for ... in을 사용하여 배열을 순환하려고하면 어떻게 될까? const arr = [1, 2, 3]; for (const item in arr) { console.lo..

typeof 피연산자의 타입을 알 수 있는 연산자입니다. 연산자 이므로 괄호를 사용하지 않으며 변수나 값의 자료형을 문자열로 반환합니다. 반환 값들은 number, string, function, boolean, object, undefined 6가지가 있습니다. console.log(typeof 5); // 'number' console.log(typeof "text"); // 'string' console.log(typeof function(){}); // 'function' console.log(typeof true); // 'boolean' console.log(typeof {}); // 'object' console.log(typeof undefined); // 'undefined' 이때 und..

URL 인코딩 인코딩이란 데이터를 다른 형식으로 표현하는 것을 말합니다. URL은 아스키코드의 문자들 중 출력이 가능한 문자열만 포함합니다. URL에서 그 외의 문자(한글, 일본어 등)를 사용하고 싶다면 %와 16진수 문자를 조합하여 인코딩해야 합니다. 이를 URL 인코딩이라고 하고 인코딩 된 URL을 escape 처리된 URL이라고 부릅니다. 예를 들어 브라우저 주소창에 https://sky-kr.tistory.com/?data=테스트로 접속한 후 URL을 복사하게 되면 https://sky-kr.tistory.com/?data=%ED%85%8C%EC%8A%A4%ED%8A%B8라는 값(escape 처리된 URL)으로 변환되어 복사가 되게 됩니다. 여기서 %ED%85%8C%EC%8A%A4%ED%8A%B8..

자바스크립트는 html내의 요소들을 DOM객체를 이용하여 조작할 수 있습니다. 하지만 위에서 아래로 차례로 읽는 방식과 실행 전 에러 체크를 하지 않는 인터프리터 언어적 특성으로 인하여 자바스크립트 작성 위치에 따라서 에러를 발생하기도 합니다. 예시로 다음과 같은 코드를 들겠습니다. 내용 위와 같은 방식으로 코드를 작성하게 되면 const content = document.querySelector('.content') 구문에서 아직 class가 content인 태그가 만들어지기도 전에 읽게 되면서 문제가 발생하게 됩니다. 이와 같은 문제를 해결하기 위해서 window.onload를 사용할 수 있습니다. onload onload는 DOM의 standard 이벤트로 html의 로딩 완료 후 DOM트리를 만들..