Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
Gatsby를 어떻게 적용할 수 있을까? (+ gatsby에 typescript 적용하기) 섬네일

Gatsby를 어떻게 적용할 수 있을까? (+ gatsby에 typescript 적용하기)

너드팩토리 favicon너드팩토리·Frontend·
GatsbyTypeScriptReactWebpackNode
2022년 06월 24일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

너드팩토리의 Gatsby 프로젝트에 TypeScript를 적용하고 gatsby-plugin-typescript를 설정하는 구체적 방법을 제시하는 글을 공유합니다.

구현 방법

  • Gatsby CLI로 프로젝트 생성(gatsby new [프로젝트 이름])
  • 플러그인 설치(yarn add gatsby-plugin-typescript)
  • tsconfig.json 생성 및 경로 설정
  • gatsby-node.js에서 webpack에 alias 추가
  • 플러그인 적용 후 타입스크립트 개발 환경 확보

주요 결과

  • 타입스크립트 사용 가능 상태와 타입 체크 활성화 달성
  • 개발 생산성 및 향후 마이그레이션에 활용 기대

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
No Image
77%

타다팀의 새로운 기술블로그를 소개합니다.

타다 favicon타다·2022년 07월 25일
올리브영 기술블로그 개발기 섬네일
72%

올리브영 기술블로그 개발기

올리브영 favicon올리브영·2020년 11월 09일
react + typescript에 redux-saga 셋팅하기 섬네일
71%

react + typescript에 redux-saga 셋팅하기

너드팩토리 favicon너드팩토리·2021년 01월 02일