프론트엔드 코드의 인지 복잡도(Cognitive Complexity)는코드를 이해하고 유지보수하는 데 필요한 정신적 노력의 정도를 측정하는 지표입니다.인지 복잡도란?인지 복잡도는 개발자가 코드를 읽고 이해하는 데 드는 정신적 부담을 수치화한 것입니다.순환 복잡도(Cyclomatic Complexity)와 달리, 실제 개발자가 느끼는 복잡성에 더 가깝게 측정됩니다.측정 기준복잡도를 증가시키는 요소들제어 구조: if, else, switch, for, while 등의 분기문과 반복문은 각각 +1점씩 추가됩니다.중첩 구조: 제어 구조가 중첩될 때마다 추가적인 복잡도가 발생합니다. 예를 들어, if문 안의 또 다른 if문은 더 높은 점수를 받습니다.논리 연산자: &&, || 같은 논리 연산자도 복잡도를 증가시킵..
.map 을 사용하여 컴포넌트를 만드는데 마지막 컴포넌트만 다른 속성값을 주고 싶었다. 마지막 요소에만 유일하게 href값이 있었고, 새 창에서 띄워야 했기때문이다.. const MenuContent = [ { menuName: 'Overview', }, { menuName: 'Features', }, { menuName: 'References', }, { menuName: 'Release Note', href: 'DeepCatchReleaseNote', }, ]; Array.length === index + 1 로 배열의 마지막 요소에 접근해서 컴포넌트를 따로 출력했다. {MenuContent?.map((item, index) => { if (MenuContent.length === index + 1)..
배열 안의 객체에서 특정 키를 가진 (혹은 가지지 않은) 객체를 빼내어 보자. const { data: contactusData } = useGetContactus(user?.accessToken); console.log('contact모달 data', contactusData); 배열이 있고 배열 안에 객체가 있다. 객체들이 가진 특정 Key(키)가 있는데, 나는 그 Key 중에 contactCategory 라는 키값을 가진 애들을 제외한 값을 얻고 싶다. 예시에 보면 0번 데이터에 contactCategory 값이 비어있다! 이 아이만 배열로 만들고 싶어서 아래와 같이 시도했다. .filter를 사용한다 const ContactModalList = contactusData?.filter(functio..
