nata_developer

*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

*인프런의 프론트엔드 개발자를 위한 웹팩(캡틴판교)를 참고하였습니다. 1.WEBPACK이란? 웹팩이란 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler)입니다. 모듈 번들러란 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javscript, Images 등)을 모두 각각의 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구를 의미합니다. 1-1)왜 WEBPACK을 사용하려 할까? 파일 안의 변수 등이 충돌할 수 있기 때문에 파일 단위로 변수를 관리하고 싶은 욕구를 충족하고자 WEBPACK이 등장하였다. 1-2)WEBPACK으로 해결하고자 하는 문제 자바스크립트 변수 유효 범위 브라우저별 HTTP 요청 숫자의 제약 사용하지 않는 코드의 관리 Dynam..

JavaScript Library 2020. 8. 7. 17:30