목록2025/04/22 (1)
JAN's History
ReactNode, ReactElement, JSX.Element 완전 정복 (feat. 바벨과 createElement까지)
리액트 + 타입스크립트를 사용하다보면 ReactNode, ReactElement, JSX.Element 같은 타입이 자주 등장하죠..이게 처음엔 꽤나 헷갈립니다.ㅠㅠ이 글에서는 이 세 가지 타입이 각각 무엇인지, 어떤 상황에서 사용하는지, 그리고 실제 예시까지 함께 정리해보겠습니다.이번 글에서는 초보자도 확실히 이해할 수 있도록 아래 내용을 순서대로 설명해볼게요JSX가 어떻게 동작하는지 (React.createElement + Babel)ReactNode / ReactElement / JSX.Element의 차이각각 언제 사용해야 하는지예제 가득한 실전 코드최종 비교 정리표먼저, JSX는 어떻게 동작할까?우리가 흔히 쓰는 JSX는 사실 자바스크립트 문법이 아닙니다.브라우저는 JSX를 이해하지 못해요.그래..
React
2025. 4. 22. 16:10