export const FLAG_OVERDUE_INVOICE_ENABLE = process.env.NEXT_PUBLIC_FLAG_OVERDUE_INVOICE_ENABLE === 'true' ? true : false동작 방식:환경변수 값에 따른 결과:NEXT_PUBLIC_FLAG_OVERDUE_INVOICE_ENABLE=true → FLAG_OVERDUE_INVOICE_ENABLE = trueNEXT_PUBLIC_FLAG_OVERDUE_INVOICE_ENABLE=false → FLAG_OVERDUE_INVOICE_ENABLE = false환경변수가 없거나 다른 값 → FLAG_OVERDUE_INVOICE_ENABLE = false if (FLAG_OVERDUE_INVOICE_ENABLE) { // t..
나 : 내가 여태 제시한 코드들을 보면 내 코드의 안 좋은 습관은 뭐야? 개선하려면 어떤 노력을 해야해 ? 네가 제시한 코드들을 분석해보니 몇 가지 공통적인 패턴들이 보여. 이런 습관들을 개선하면 코드 품질이 크게 향상될 거야.주요 안 좋은 습관들1. 하나의 함수/컴포넌트에서 너무 많은 일 처리 // 문제: onSubmit 함수가 100줄 넘게 여러 가지 일을 처리const onSubmit = async (formData) => { // 검증 로직 // 파일 업로드 로직 // API 호출 로직 // 에러 처리 로직 // 성공 처리 로직 // ...}2. 깊은 중첩 구조 선호 // 문제: if문 안에 if문, 그 안에 또 if문if (usePage === 'MembersTemplate..
프론트엔드 코드의 인지 복잡도(Cognitive Complexity)는코드를 이해하고 유지보수하는 데 필요한 정신적 노력의 정도를 측정하는 지표입니다.인지 복잡도란?인지 복잡도는 개발자가 코드를 읽고 이해하는 데 드는 정신적 부담을 수치화한 것입니다.순환 복잡도(Cyclomatic Complexity)와 달리, 실제 개발자가 느끼는 복잡성에 더 가깝게 측정됩니다.측정 기준복잡도를 증가시키는 요소들제어 구조: if, else, switch, for, while 등의 분기문과 반복문은 각각 +1점씩 추가됩니다.중첩 구조: 제어 구조가 중첩될 때마다 추가적인 복잡도가 발생합니다. 예를 들어, if문 안의 또 다른 if문은 더 높은 점수를 받습니다.논리 연산자: &&, || 같은 논리 연산자도 복잡도를 증가시킵..