GyuStory

존재하지 않을 수 있는 매서드를 호출할 때(사용자장치에서 사용안되는 기능과 같은 상황), optional chaining 을 사용한다. optional chaining을 사용함으로써 메서드를 찾을 수 없는 경우에 예외를 발생시키는 것 대신에 undefined를 반환한다. 예를 들어, 중첩된 구조를 가진 객체에서 obj가 있다. optional chaining이 없이 깊이 중첩된 하위 속성을 찾으려면, 다음과 같이 참조를 확인해야 한다 let nestedProp = obj.first && obj.first.second; obj.first의 값은 obj.first.second의 값에 접근하기 전에 null (그리고 undefined)가 아니라는 점을 검증한다. 이는 만약에 obj.first를 테스트 없이 o..

html에 있는 엘리먼트를 조작하거나 찾을때 element가 반환될수도 있지만 잘못 이름작성시 null이 반환될 수도 있다. 이러한 이유로 계속해서 개발할 때 브라우저 콘솔에 계속 warning이 찍혔다.. 이러한 warning을 해결하기 위해서는 narrowing 작업을 통해 처리해줘야 한다. 1. 조건문을 활용한 narrowing작업 let 제목 = document.querySelector('#title'); if(제목!=null){ 제목.innerHTML = '반가워요' } 2. safe operator 연산자를 활용한 narrowing작업 let 제목 = document.querySelector('#title'); if(제목?.innerHTML!=undefined){ 제목.innerHTML = '..