Yeon

브라우저 환경에서 자바스크립트를 동적으로 로딩해야 할 때 다음과 같은 방법을 쓸 수 있다. var script = document.createElement('script'); script.type = 'text/javascript'; script.url = '...'; // script url. document.body.appendChild(script); 스크립트 로딩 완료에 대한 콜백과, 구 IE 에서도 동작을 원하면 다음과 같이 사용하면 된다. function loadScript (url, callback) { var script = document.createElement('script'); script.type = 'text/jav..

이 글은, JavaScript의 자료형(data types)과 typeof 연산자에 대해 정리한 글입니다. 자료형 먼저 JavaScript의 자료형을 정리해보면 다음과 같습니다. JavaScript Data types boolean number string undefined null symbol (ES6부터 추가) bigint (현재 TC39 stage 3) object 이 중 object를 제외한 나머지를 원시 타입(primitive types)라고 합니다. 또한 여러 Object의 하위 타입(subtype) 이 존재합니다. Sub-Types Function Array Date Error ... typeof 연산자 typeof를 활용하여 어떤 값이 어떤 자료형인지 알 수 있습니다. 하지만 기대와는 달리..

코딩 컨벤션 업무를 하며 알게 된 것들 - 2 이전 글에 이어서 Javascript 코딩 컨벤션 관련 업무를 하며 ESLint 규칙을 통해 알게 된 점을 정리해 보았습니다. 1. no-prototype-builtins 2. no-return-await 3. comma-dangle 1. no-prototype-builtins ESLint: no-prototype-builtins 이 규칙은 Object.prototype의 builtin으로 제공되는 메서드를 객체에서 직접 호출하지 않도록 하는 규칙입니다. Object.prototype의 builtin 메서드는 hasOwnProperty, isPrototypeOf 등이 있습니다. 이 메서드를 호출하는 방법은 다음과 같은 방법이 있습니다. (1) 객체에서 직접 ..