반응형 FrontEnd27 타입스크립트 Type 'undefined' is not assignable to type 오류 해결 방법 Type 'undefined' is not assignable to type 해당 오류 메시지는 예상되는 타입과 실제 할당되는 타입 간의 불일치를 나타냅니다. 오류가 발생 코드를 예시로 보여드리겠습니다 : export default function CreatorFooter(): ReactElement { const [isExecute] = useRecoilState(isExecute); return isExecute ? ( ... 생략 ... ) : undefined; } 'Element | undefined' 타입의 값을 'ReactElement' 타입을 기대하는 변수나 속성에 할당하려고 했기 때문에 에러가 발생한 것입니다. 이를 해결하기 위해서, 반환 타입 값을 'ReactElement | undef.. 2023. 5. 16. 자바스크립트는 왜 동일한 요소를 담고있는 배열끼리 비교해도 false 값이 나올까? 안녕하세요. 이번 글에서는 자바스크립트의 객체, 배열 비교에 대해서 얘기해보려고 합니다. 혹시 자바스크립트를 사용하면서, 배열이 가지고 있는 요소들이 동일한지 비교하기 위해 동일비교연산자(==)를 사용해 보신 적 있으신가요? 그렇다면 저처럼 당황을 하셨을거라 생각하는데요. 저는 배열 비교를 하면서 true 값을 기대했지만, false 값이 나와 식은 땀을 흘렸던 기억이 아직도 생생하네요 😂 그럼 글 시작하겠습니다 - 배열 비교 자바스크립트에서 동일한 요소를 담고 있는 배열끼리 비교해도 false 값이 나오는 이유는, 배열이 객체이기 때문입니다. 자바스크립트에서는 변수에 객체를 할당하면 값을 저장하는 것이 아니라 객체의 참조를 저장합니다. 즉, 두 배열은 물리적으로 다른 위치에 있는 메모리 공간을 차지하고.. 2023. 5. 5. 자바스크립트에서의 정적 타입 검사(TypeScript, Flow) 활용 방법 자바스크립트는 동적 타입 언어로, 개발자가 변수의 타입을 명시적으로 선언하지 않아도 된다는 장점이 있습니다. 하지만 이러한 특성은 개발자가 코드를 작성할 때 실수를 유발할 수 있습니다. 이러한 문제를 해결하기 위해 정적 타입 검사 도구를 사용할 수 있습니다. 이번 글에서는 TypeScript와 Flow를 사용하여 자바스크립트 코드에서 정적 타입 검사를 수행하는 방법에 대해 알아보겠습니다. TypeScript TypeScript란? TypeScript는 Microsoft에서 개발한 자바스크립트의 상위 집합 언어입니다. TypeScript는 자바스크립트의 모든 기능을 포함하며, 정적 타입 검사, 클래스, 인터페이스 등의 기능을 추가로 제공합니다. TypeScript의 장점 정적 타입 검사를 통해 코드의 안정.. 2023. 4. 14. ESLint 공식문서 번역 | 설정 공유하기 (Share Configurations) 요약 : ESLint 설정을 공유하려면 ‘공유 설정(shareable config)’을 만드세요. 공유 설정을 npm에 배포하면 다른 사람들이 이를 다운로드하여 자신의 ESLint 프로젝트에 사용할 수 있습니다. 이 페이지에서는 공유 설정을 만들고 npm에 배포하는 방법을 설명합니다. 1. 공유 설정 만들기 공유 설정은 설정 객체를 export하는 단순한 npm 패키지입니다. 먼저, 일반적으로 하듯이 Node.js 모듈을 만드세요. 모듈 이름은 다음 형식 중 하나여야 합니다: eslint-config-로 시작합니다(예: eslint-config-myconfig). npm 범위 지정 모듈이어야 합니다. 범위 모듈을 만들려면 @scope/eslint-config와 같이 모듈 이름이나 접두사를 지정하세요. (.. 2023. 4. 8. 이전 1 2 3 4 ··· 7 다음 반응형
