nata_developer

1.Babel이란 무엇인가? 바벨은 주로 ES16코드를 이전 버전의 호환가능한 자바스크립트로 변환시켜주는 툴체인이다. 2. .babelrc babel의 설정을 관리하는 파일 3.plugin 바벨은 컴파일러입니다.(소스코드 => 결과물 코드로 변환 시켜주는) 다른 많은 컴파일러들과 같이 바벨은 3 단게로 동작합니다. 파싱, 변환, 출력. 이것들을 가능하게 하것이 바로 플러그인 입니다. 바벨은 별도의 설치나 구성없이는 아무 것도 동작하지 않습니다. 바벨이 동작하게 하려면 플러그인을 추가시켜야 합니다. 개별적인 플러그인 대신에 플러인의 집합인 preset을 사용할 수도 있습니다. 참고-https://babeljs.io/docs/en/plugins Babel · The compiler for next gener..

JavaScript Library 2020. 8. 9. 13:09

*Setup Webpack and Babel for React를 참고하였습니다. (https://www.youtube.com/watch?v=ydDUm1yPZs0) 1.설치 dependencies react react-dom devDependencies webpack webpack-cli webpack-dev-server @babel/core @babel/preset-env @babel/preset-react babel-loader style-loader sass-loader node-sass 2.파일 구조 1.webpack.config.js const path = require("path") module.exports = { entry: "./src/index.js", output: { path: pat..

React 2020. 8. 9. 10:35