webpack2 React - Missing semicolon(typescript-webpack) React를 webpack 설정을 하다가 보면 다음과 같은 error 가 발생 할 수 있다. typescript에서 변수의 type을 정할 때 사용하는 semicolon을 캐치를 못해서 생기는 오류이다. 이것을 해결하기 위해서는 npm i @babel/preset-typescript 라이브러리를 설치를 하고 webpack 설정을 해주면 된다. {presets: ['@babel/preset-typescipt']} 추가 rules: [ { test: /\.ts$|\.tsx$/, exclude: /node_modules/, use: { loader: "babel-loader", options: { presets: ['@babel/preset-env', '@babel/preset-react', '@babel/p.. 2022. 2. 23. React - React install react를 처음 설치를 할 때, 2가지 방법이 있다. 하나는 npm을 이용해서 설치를 하고 webpack과 babel을 이용하여 커스텀화 시킬수 있고, 다른 한가지 방법은 react cli를 활용하는 방안이다. 특징들을 비교해 보면... # npm 설치 - 원하는 라이브러리만 설치가 가능하다. - 필요한 기능들만 넣어서 cli에 비해 가볍기 때문에 build 시간이 절약 - webpack 및 babel 설정이 필요하기 때문에 초기 setting이 오래 걸린다. # cli 설치 - 쉽게 설치가 가능하다. - 필요한 기능 이외에 다른것들 까지 설치가 되어 build 시간이 보다 오래걸린다. ## cli 설치 cli설치 명령어는 다음과 같다. 폴더명 뒤에 옵션들을 넣을 수 있고, react를 설치할 때 필요.. 2022. 2. 2. 이전 1 다음 반응형
