• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

타입스크립트를 설정할 때 jsxPragma 옵션을 뺀 이유는 무엇인가요?

23.01.25 20:17 작성 조회수 298

1

gatsby-plugin-typescript 공식 문서를 보면 jsxPragma 옵션이 들어가던데 여기선 뺀 이유가 궁금해요!

추가로 혹시 이 jsxPragma가 어떤 역할을 하는지 알 수 있을까요? 검색해도 잘 이해가 안되서요!

답변 1

답변을 작성해보세요.

0

안녕하세요, 메타몽닮음님!

jsxPragma란 JSX 파일을 Transform 하는 과정에서 어떻게 변환해야 하는지 알려주는 지시문이라고 보시면 좋을 것 같습니다.

예를 들어서 React에서 emotionjs 라이브러리를 사용하기 위해서는 다음과 같은 Pragma를 사용해야 합니다.

/** @jsx jsx */

기본적으로 JSX을 Transform 할 때에는 React.createElement 함수를 사용하지만, emotionjs 라이브러리를 사용하기 위해서는 jsx 라는 emotionjs의 함수를 사용해야하기 때문입니다.

여기 프로젝트에서는 기본적으로 세팅되어 있는 설정을 사용하기 때문에 jsxPragma 옵션이 설정되어 있지 않습니다.