소요유(逍遙遊)

Type 'undefined' is not assignable to type 해당 오류 메시지는 예상되는 타입과 실제 할당되는 타입 간의 불일치를 나타냅니다. 오류가 발생 코드를 예시로 보여드리겠습니다 : export default function CreatorFooter(): ReactElement { const [isExecute] = useRecoilState(isExecute); return isExecute ? ( ... 생략 ... ) : undefined; } 'Element | undefined' 타입의 값을 'ReactElement' 타입을 기대하는 변수나 속성에 할당하려고 했기 때문에 에러가 발생한 것입니다. 이를 해결하기 위해서, 반환 타입 값을 'ReactElement | undef..

FrontEnd/Type Script 2023. 5. 16. 23:32

자바스크립트는 동적 타입 언어로, 개발자가 변수의 타입을 명시적으로 선언하지 않아도 된다는 장점이 있습니다. 하지만 이러한 특성은 개발자가 코드를 작성할 때 실수를 유발할 수 있습니다. 이러한 문제를 해결하기 위해 정적 타입 검사 도구를 사용할 수 있습니다. 이번 글에서는 TypeScript와 Flow를 사용하여 자바스크립트 코드에서 정적 타입 검사를 수행하는 방법에 대해 알아보겠습니다. TypeScript TypeScript란? TypeScript는 Microsoft에서 개발한 자바스크립트의 상위 집합 언어입니다. TypeScript는 자바스크립트의 모든 기능을 포함하며, 정적 타입 검사, 클래스, 인터페이스 등의 기능을 추가로 제공합니다. TypeScript의 장점 정적 타입 검사를 통해 코드의 안정..

FrontEnd/Type Script 2023. 4. 14. 11:10

리액트는 현재 프론트엔드 개발에서 가장 인기 있는 라이브러리 중 하나입니다. 이러한 인기는 리액트가 개발자들에게 제공하는 다양한 기능과 유연성 때문입니다. 그 중에서도 고차 컴포넌트(Higher-Order Component)는 리액트에서 매우 유용한 기능 중 하나입니다. 이번 글에서는 고차 컴포넌트가 무엇인지, 어떻게 활용할 수 있는지, 그리고 테스트 주도 개발(Test-Driven Development)과 타입스크립트(Typescript)와 함께 고차 컴포넌트를 사용하는 방법에 대해 알아보겠습니다. 고차 컴포넌트란? 고차 컴포넌트는 리액트에서 컴포넌트를 감싸는 함수입니다. 이 함수는 컴포넌트를 인자로 받아서 새로운 컴포넌트를 반환합니다. 이렇게 반환된 컴포넌트는 원래의 컴포넌트를 감싸고 있으며, 그 안..

FrontEnd/React 2023. 4. 8. 19:47

자바스크립트는 웹 개발에서 가장 많이 사용되는 프로그래밍 언어 중 하나입니다. 이 언어는 동적인 웹 페이지를 만들기 위해 사용되며, 프론트엔드 개발에서는 React와 같은 라이브러리와 함께 사용됩니다. 이러한 개발 환경에서 함수(Function)는 매우 중요한 역할을 합니다. 이 글에서는 자바스크립트에서 함수의 개념과 사용 방법에 대해 알아보겠습니다. 함수(Function)란? 함수(Function)는 프로그래밍에서 가장 기본적인 개념 중 하나입니다. 함수는 입력값을 받아서 출력값을 반환하는 일련의 과정을 수행하는 코드 블록입니다. 이러한 함수는 코드의 재사용성을 높이고, 코드의 가독성을 높이며, 코드의 유지보수성을 높입니다. 함수의 사용 방법 자바스크립트에서 함수를 사용하는 방법은 매우 간단합니다. 함..

FrontEnd/Java Script 2023. 4. 8. 19:38