버전 5가 되면서 package.json 파일에서 입력하는게 아니고  npx husky add .husky/pre-commit "npx eslint app.js --fix" 이런식으로 생성해서 하는 것으로 바뀐것 같네요. (여기서는 npx를 안넣어주면 실행이 안되네요...) 아니면 package.json에서 하는 방법이 있는데 제가 못찾은 것 일수도 있구용... ps. npm install husky@4 로 설치하면 기존의 방식대로 할 수 있네요.. 문제는 lint-staged를 어떻게 쓰는지 모르겠네요...

강사님의 깃헙 클론 받고, npm i -> build 폴더 삭제 -> npm run build 실행해주었습니다 그런데 콘솔창을 확인하면 저는 main.bundle.js로 나옵니다. 무엇이 문제일까요?

npm install -D @babel/preset-env  라 적혀 있는데 실제론 npm install @babel/preset-env  라고 하기도 하고....  -D가 dev에 추가한다. 라고는 알고 있는데, 실제로 바벨 프리셋들은 dev에 했을 때와 아닐때 차이가 없나요? 아니면 차이점으로 어떤 것들이 있나요? 

현업에 지쳐서 개발에 손놓고 있다가 장기효님 강의 듣고 다시 시작해보려고 합니다 :) 번거로우시겠지만, 쿠폰 부탁 드리겠습니다!

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

저도 앞의 질문자와 거의 같은 상황인데요. 번거롭게 매 번 sudo를 입력해야하나요? 강사님은 sudo를 입력하지 않아도 install이 잘되는데... 비법을 알려주세요~~!!! ^_^

module.exports = function myWebpackLoader (content){     console.log("실행");     return content.replace('console.log(','alert('); } 으로 빌드하면 실행 콘솔 찍은것 2번 나오고 [webpack-cli] Compilation finished뜹니다 npx lite-server로 서버 구동하여 확인하면 알랏이 안뜨고 콘솔로 3이 뜹니다 일부러 module.exports = function myWebpackLoader (content){     console.log("실행");     return content.replace('console','alert('); } 이런식으로 콘솔글자를 바꿔서 빌드하면 You may need an additional loader to handle the result of these loaders. | import * as math from './math.js'; > alert(.log(math.sum(1,2)); 라는 에러가 뜹니다 replace가 동작을 하는것 같긴 한데 왜 콘솔을 알랏으로 바꾸지 못하는것일까요?

안녕하세요 TypeError: compiler.plugin is not a function 위와 같은 에러가 떠서 compiler를 찍어봤더니 plugin이 존재하지 않아서 undefined라고 뜹니다. compiler.hooks.emit.tapAsync(       'emit',       (compilation, callback) => {         const source = compilation.assets['main.js'].source();         console.log(source);         callback();       })   } 이 방식을 사용하면 똑같이 나오는데 버전이 바뀐 것인가요?

안녕하세요. 수업 잘 듣고 있습니다. 질문이 있어 글을 올립니다. 만약 targets : {ie: 11}을 지원하게 된다면  ie 11보다 최신 브라우저인 사파리, 오페라, 엣지,크롬들은 전부 지원된다고 보면 되나요? 그리고 ie11도 버전이 있는것으로 알고 있는데 ie11의 모든버전을 제공하는 것이겠죠?

우선 좋은 강의 감사합니다. 😄 개발 환경을 구현하고 나서 그 후에 이 환경에서 어떤 방식으로 개발을 진행하는지 궁금합니다. 기본적인 프로젝트 구조나, routing 등 프론트엔드 실무에서 사용하는 여러가지들을 해당 환경에 적용하는 방법을 알 수 있을까요? 항상 구조가 짜여져 있는 환경에서 개발을 하다가 직접 환경을 구성하는 연습을 해보니 감이 잘 잡히지 않네요... ㅠ

버튼을 연타하게 되면 1000초뒤에 동시다발적으로 setTimeout이 실행되고, changeHand()의 interval에는 마지막에 저장된 timeout값만 덮어써지게 되서 엄청 빠른속도로 가위바위보가 돌아가는 문제가 있더라구요~. 이부분은 어떻게 체크해야 효율적일지 시간되실때 알려주시면 감사드리겠습니다.~ !

ARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/ERROR in multi ./app/index.js dist/bundle.jsModule not found: Error: Can't resolve 'dist/bundle.js' in '/Users/imac.suntae/Projects/Z_Study/LearnWebpack/getting-started'@ multi ./app/index.js dist/bundle.js이런 오류가 뜹니다.검색해보니 package.json 에서 scripts부분을 수정하고 명령어도 다른 형식을 실행해야 하던데 어떻게 된건가요?

webpack 과 webpack-cli 패키지를 프로젝트 디렉토리에 설치해도 무관하겠죠?꼭 전역적으로 설치해야 하는 이유가 있나요?