Front-end/React(2)
-
CRA 미적용 React - Typescript 초기 설정(with. webpack & babel)
CRA(Create-react-app)을 통한 React 프로젝트를 생성하게 되면 기본적으로 생성되는 항목들이 존재하는데 CRA 없이 React 초기 설정 및 적용하는 법과 추가적으로 함께 설정하면 좋은 라이브러리의 설정법에 대해서 알아보자.폴더 생성 및 package.json 파일 생성설정에 필요한 의존성 Library Package 설치Typescript 사용을 위한 tsconfig.json 설정webpack 사용을 위한 webpack. config.js 설정babel .babelrc 설정package.json을 이용한 서버기동 및 빌드 폴더 생성 및 package.json 파일 생성//Create Foldermkdir nocra-typescript-appcd nocra-typescript-appnp..
2021.06.30 -
React & Typescript (with. CRA) 생성방법
CRA (Create-React-App)을 이용해 TypeScript를 사용하는 React 프로젝트 생성 방법에 대해 알아보려 한다. 여러 가지 검색을 해본 결과 React를 Typescript 형태로 생성하는 여러 가지 생성법이 존재하는데 한번 정리해보고 각 생성 방법의 차이 점에 대해서도 확인해보려 한다. 1. CRA(Create-react-app.dev) 사이트의 Adding Typescript 이용 Typescript 사이트에서도 해당 사이트를 공식문서로 제공하는 듯하다. 참고로 해당 기능은 react-scripts@2.1.0 이상에서만 사용 가능하다고 한다. npx create-react-app my-app --template typescript # or yarn create react-app ..
2021.06.29