인프런 커뮤니티 질문&답변

메타몽닮음님의 프로필 이미지

작성한 질문수

React 기반 Gatsby로 기술 블로그 개발하기

TypeScript 개발 환경 구성하기

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

작성

·

401

1

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

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

답변 1

0

주현도님의 프로필 이미지
주현도
지식공유자

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

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

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

/** @jsx jsx */

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

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