JavaScript

비트 NOT연산자(~) 비트 NOT연산자 (~)는 피연산자의 비트를 반전시키는 연산자이며, 한글로 물결표라고 부르듯 Tilde(~,틸드) 연산자라고도 부른다. 피연산자는 32비트 정수로 변환되며 일련의 비트(0과 1)로 표현한다. 32비트를 넘어가는 숫자는 최상위 비트를 기준으로 삭제하며, 다른 비트 연산자와 마찬가지로 피연산자를 32비트 정수로 반환한다. 32비트 정수 피연산자는 2의 보수에 따라서 반전된다. 즉 최상위 비트는 음수를 표현하는데 사용한다. 9 (base 10) = 0000 0000 0000 0000 0000 0000 0000 1001 (base 2) -------------------------------- ~9 (base 10) = 1111 1111 1111 1111 1111 1111..

옵셔널 체이닝(?.)은 자바스크립트의 새로운 기능으로, 특정 객체가 null 또는 undefined인 경우에도 안전하게 속성에 접근할 수 있게 해줍니다. 옵셔널 체이닝이 필요한 이유 예를 들어 여러 사용자가 있을 때, 그 중 몇명은 주소 정보가 없다고 가정해보자. 이럴 때 user.address.street 을 사용하여 주소 정보를 접근하다면 에러가 발생할 수 있다. let user = {}; console.log(user.address.street); // TypeError: Cannot read property 'street' of undefined 또 다른 사례로는 브라우저에서 동작하는 코드를 개발할 때 발생할 수 있는 문제로, Javascript 를 사용해 페이지에 존재하지 않는 요소를 탐색하여 ..

드림코딩 엘리님의 유튜브를 보고 기억하기위해 적어두는 TIL Console 제대로 알고쓰기 콘솔로그의 기본 로그레벨에 따른 method const cat = {type : '😺' name : 'Ori', owner : {name: 'didue'}} console.log('logging' , cat); //log level console.log(); //개발 출력 => 배포시 삭제 console.info(); //정보 출력 => 배포시 삭제 console.warn(); //경보 console.error(); //에러! 시스템 에러 특정 조건이 일치할 때만 로그를 출력하고 싶을 경우 //assert console.assert(2 === 3, 'not samae!') console.assert(2 === 2,..

(이 포스팅은 이전 블로그에서 옮겨왔습니다) 근래 JavaScript를 아주 씐나게 공부하고 있는 와중에, ECMA2015(ES6)에서 추가된 새로운 연산자가 있어 공부해보았다.😛 Spread Operator Spread 문법은 ... 연산자를 통해서 사용할 수 있다. MDN 설명에 의하면, 전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다. 글만으론 이해가 쉽지않은데 코드를 보면 이해하는데 조금 더 도움이 된다. var arr = [1]; var items = [2, 3]; arr.push(...items); console.log(arr); //..

JavaScript 또는 jQuery를 사용하다보면 특정한 id나 classname이 아닌 패턴으로 엘리먼트를 탐색하고 싶은 경우가 있을 수가 있지 않을까? 그럴 땐 Elements Selector(querySelectorAll)에 와일드카드를 사용하여해보자! 시작패턴 탐색 ^ id가 ~로 시작하는 요소를 탐색하고자 할 때, ^ 키워드를 사용합니다. 예를 들어, document.querySelectorAll("[id^='abc']"); 라고 하는 라인은 id가 abc로 시작하는 노드를 모두 탐색하라는 것을 의미합니다. //JavaScript document.querySelectorAll("[id^='abc']"); //jQuery $("[id^='abc']"); 종료패턴 탐색 $ 시작패턴 탐색과 마찬가지..

null 병합 연산자 '??' 프로그래밍을 할 때 우리는 필연적으로 null 체크하는 로직을 만나곤 하게 됩니다. 그때마다 우리는 if문을 통해서 null 값을 체크해오곤 했었습니다. 하지만 JavaScript ES6문법에서부터 사용이 가능해진 null 병합 연산자 ??를 사용하면, 짧은 문법으로 여러 연산자 중 그 값이 '확정'되어 있는 변수를 찾을 수 있습니다. 예를 들어 어떤 변수 x의 값은 변수 a가 null도 아니고 undefined가 아니면 a가, 그렇지 않을 경우는 b가 되도록 하고자 할 때 우리는 구식 문법으로 아래와 코드를 작성했습니다. //old //if~else문 let x; if(a !== null && a!== undefined){ x = a; }else { x = b; } or ..