Lennon FE

리액트를 사용해 코드를 작성하다보면 서버통신 및 컴포넌트 라이프 사이클 차이에 따라 null, undefined를 반환해 가끔 오류가 발생하곤 한다. 이는 그래도 친절하게 오류 코드로 알려주기에 해결하긴 쉬울 수 있지만, 존재 또는 존재하지 않는 요소와 메서드들에 대해 안전하게 접근할 수 있도록 도와주는 옵셔널 체이닝 연산자를 통해 더 쉽게 해결할 수 있다. 아래 코드에서 span안의 text값이 몇이 나올지 예상해보자. import React from 'react' const getNonEmptyCategories = (catrgories) => ( categories.filter((category) => category.items > 0); ) // categories = [ {items: 5, id..

단축 평가란 const obj = { name: "Park" // key = name, value = "Park" } 객체는 코드와 같이 키와 값으로 구성되어 있다. 만약 객체를 가리키기를 기대하는 변수의 값이 객체가 아니라 null이나 undefined이면 타입 에러가 발생한다. 이때 단축평가를 사용하면 에러가 발생하지 않는다. let obj = null; let result = obj.value; // TypeError let obj2 = null let result2 = obj2 && obj2.value; // null 단축 평가는 코드와 같이 논리연산자로 나타낼 수 있다. true && 1 // -> 1이 반환된다. true || 1 // -> true가 반환된다. && 연산자는 첫 번째 피연산자..