FrontOverflow FrontOverflow

안녕하세요, 프론트엔드 개발 관련 지식을 공유하는 FrontOverflow입니다. 이번 글에서는 TypeScript를 사용해서 리액트 개발을 할 때 유용한 PropsWithChildren 타입에 대해서 알아보도록 하겠습니다. 처음에 JavaScript로 리액트 개발을 하다가 TypeScript로 넘어오게 되면, 리액트의 다양한 타입들을 모르기 때문에 헤매는 경우가 많습니다. 그 중에서도 특히 굉장히 자주 사용되는 children의 타입을 어떻게 처리해야 하는지 모르는 경우가 많습니다. 그래서 가장 단순하게 드는 아이디어로 ReactElement 또는 JSX.Element라는 타입을 사용하여 children을 정의하고, 아래 예시 코드와 같이 사용하게 됩니다. import { ReactElement } f..