javascript

[JavaScript] Boolean 활용하기

용어 설명 undefined와 null null은 비어있는 값이고, undefined는 변수에 아무것도 할당되지 않았을 때의 값이다 자바스크립트에서는 변수의 선언과 초기화를 동시에 하지 않아도 되기 때문에, 선언만 된 변수는 undefined라는 값을 갖게 된다 let n = null; let u; console.log(n); console.log(u); null undefined NaN (Not a Number) NaN은 'Not a Number'의 약자이며, 숫자가 아닌 것을 숫자로 표현하려 할 때 반환된다 let n = parseInt('abcd'); console.log(n); NaN false와 true로 간주되는 것들 자바스크립트 if문이나 while문의 조건 부분에는 Boolean이 아닌 다..

[JavaScript] 다양한 자바스크립트 스타일 가이드

W3Schools JavaScript 스타일 가이드 JavaScript Style Guide W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 깃허브 인기 JavaScript 스타일 가이드 GitHub - rwaldron/idiomatic.js: Principles of Writing Consistent, Idiomatic JavaScript Principles of Wri..

제이쿼리(jQuery)와 자바스크립트(Vanilla JS) 이벤트 핸들링 차이

HTML 태그에 이벤트를 직접 명시해두지 않고 깔끔하게 함수로 분리하기 위해 같은 코드를 제이쿼리(jQuery)와 바닐라 자바스크립트(Vanilla JavaScript)로 작성해 보았다 아래 두 코드의 의미는 동일하다 제이쿼리 (jQuery) 코드 $('#home').on('click', clickHome); $('#seoul').on('click', clickSeoul); $('#tokyo').on('click', clickTokyo); $('#paris').on('click', clickParis); $('#photo').on('mouseenter', mouseEnterPhoto); $('#photo').attr('src', 'images/home.png'); $('#home').css('font-w..