inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

TypeScript 개발 환경 구성하기

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

585

메타몽닮음

작성한 질문수 1

1

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

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

블로그 blog gatsby typescript Gatsby jsxpragma

답변 1

0

주현도

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

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

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

/** @jsx jsx */

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

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

썸네일 이미지가 보이지 않습니다!

0

77

2

yarn build 시 오류가납니다..

0

265

1

이미지가 출력되지않아요ㅠㅠ

0

412

2

프로젝트 명 무엇으로 작성하였나요?

0

702

1

섹션3 MD파일을 사용하기 위한 라이브러리 세팅하기에서

0

484

1

ModuleNotFoundError: Module not found: Error: Can't resolve 'react-helmet' 에러

0

1211

2

gatsby-node.js의 기존코드

0

821

2

gatsby command 찾기 실패

0

709

1

Cannot query field "fields" on type "MarkdownRemark". error 발

0

604

1

13강까지 들었는데, 프로필 이미지와 썸네일 이미지가 잘 뜨질 않습니다.

0

531

1

[17강 25강] Cannot query field "html" on type "MarkdownRemark" 오류

1

629

1

쿼리오류 Field "thumbnail" must not have a selection...

1

852

1

마지막 배포 부분 질문드립니다!

1

617

1

'[username]/[username].github.io' -> 'username/reponame'

0

337

0

IntersectionObserver deploy( gatsby build) 시 오류(자답)

1

387

1

PostHead.tsx BackgroundImage 동작오류(자답)

1

288

0

19강 인피니티 스크롤 IntersectionObserver 코드 위치 수정이 필요합니다.

1

402

1

썸네일 이미지 제작 및 학습 방법 관련 문의

1

436

1

배포 후 포스트 업로드 방법

1

378

1

배포 질문이요!

1

512

1

gatsby develop 오류

1

932

1

깃허브 레퍼지토리 질문드려요

1

340

1

특정 게시글을 클릭하여 상세 페이지로 넘어가는 과정과 SPA에 관한 질문

1

280

1

Unhandled Runtime Error 가 뜹니다

0

502

2