Webpack

💡 웹팩은 모듈 번들러 이다!웹팩을 설명하기 위해 이해하고 넘어가야할 것이 바로 "모듈" 입니다. 😉A module is one of the separate parts.자바스크립트에서의 모듈이란 기능이 구현된 "자바스크립트 개별 파일"이라고 생각하면 됩니다.잘 만든

💡 다시 한 번, 웹팩은 모듈 번들러 이다!A module is one of the separate parts.자바스크립트에서의 모듈이란 기능 단위의 "자바스크립트 개별 파일"이라고 생각하면 됩니다.번들이란 여러 파일, 여러 구성을 합치는 것을 말하므로 번들러란 합치

💡 webpack과 babel이 서로 특별한 관계가 있는 것은 아니지만 webpack을 설정할 때 주로 babel을 추가하므로 설명하고 넘어가겠습니다. 📖 In computing, a compiler is a computer program that translate

익숙한 create react app의 구조를 따라하겠습니다. src 폴더 밑에 이 프로젝트의 가장 시작점! index.js 파일을 만들어줍니다. 💡 실무에서 하는 프로젝트에 webpack을 사용하는 경우, 저 위의 짧은 설정 파일이 나중에는 여러 파일로 나뉘고,

💡 로더(loader)는 파일을 전처리(preprocess) 해주는 것인데, 이 때 파일은 모듈을 뜻하며 js 파일 뿐만 아니라 img, css, csv 등 모든 정적 리소스를 포함한다. 로더는 모듈을 입력 받아서, 새로운 모듈로 출력하고 번들링 할 수 있다.GitH