인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

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

작성한 질문수

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

TypeScript 개발 환경 구성하기

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

작성

·

422

1

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

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

답변 1

0

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

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

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

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

/** @jsx jsx */

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

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

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

작성한 질문수

질문하기