typescript2 React + Typescript + Webpack 환경 구성하기 (without CRA) 개요 create-react-app 줄여서 CRA인 페이스북에서 제공하는 리액트 보일러플레이트를 사용하여 개발 환경을 구성하는 것이 아닌, webpack을 이용하여 리액트 개발환경을 구성하는 방법에 대해 알아보겠다. CRA로 개발환경을 구성할 경우 babel 과 webpack 그리고 Typescript등 설정 필요 없이 명령어 하나로 개발에 필요한 환경을 셋팅 할 수 있다. 하지만, CRA에 의존하다 보면, 추후에 Webpack 및 Babel에 추가적인 설정을 해야 할 경우가 생겼을때, 어려움을 겪을 수 있다. Webpack으로 개발환경을 구성하기전 간단하게 Webpack이 무엇인지에 대해 알아보겠다. Webpack 이란? webpack에 대한 위키백과의 정의 및 개념을 보자면, 웹팩(Webpack)은 .. 2022. 1. 30. 리액트 Typescript로 적용 및 작성하기 리액트 Typescript로 적용 및 작성하기 개요 지난 포스트 까지는 Javascript로 리액트를 작성하였다. 이번에는 Javascript 말고, Typescript(타입스크립트) 언어로 리액트를 작성하는 방법에 대해 알아 보겠다. Typescript 란? Typescript는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이며. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. 타입스크립트의 주요 기능 및 장점은 정적 타입 언어 (Static type language) 이기 때문에, 컴파일시 시간이 조금 더 걸리더라도 안정성을 보장 한다는 점이다. 자바스크립트는 동적 타입 언어(dynamic type language) 이기 때문에, 자유 분방한 타입을 가진다. 그렇기에 리액트 뿐만 .. 2022. 1. 26. 이전 1 다음
