react, webpack, babel로 개발 환경 구축 & 배포하기

모듈 번들러.모듈이 뭐지?모듈 번들러왜 번들링을 해야하는걸까?프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위를 의미한다. 그렇지만 웹팩에서의 모듈은 자바스크립트 같은 코드에만 국한되지 않고 웹 어플리케이션을 구성하는 모든 자원을 의미하는데, HTML, css, J

저는 보통 yarn 을 사용하기때문에 이 예제에서 npm을 사용하지 않지만 둘 중 하나 아무거나 해도 상관없습니다! react: React 라이브러리를 불러온다.react-dom: DOM rendering을 위한 ReactDOM을 담고 있다.webpack: webpac

지난 포스트에서는 webpack, babel을 이용해서 react 프로젝트 초기 환경 구성을 다뤘습니다. 이어서 이번 포스트에서는 typescript 그리고 import 할 때 상대경로로 불러올 수 있는 설정에 대해서 다뤄보겠습니다. typescript 자바스크립