감사합니다~!! 🙂 Next.js 기본으로 Webpack(현재 V5) 적용되어 있어요 ㅎ 추가적으로 설정을 변경하시고 싶다면 아래 링크에서 확인하실 수 있어요 ㅎ nextjs.org/docs/api-reference/next.config.js/custom-webpack-config
잘 봤습니다! 그러면 웹팩은, 모듈화기능(CommonJS 등) 도 하고, 번들링도 하는 2가지 기능을 다 하는건가요? 아니면 모듈화된 파일을 번들링만 하는건가요? webpack cli 를 통해서 번들링하면, 번들링 과정만 있는게 아니라 각 js파일이 모듈화도 되고, 이후에 번들링 되는것처럼 보여서요!
@@gymcoding create react app으로 만들면 프로젝트에 필요한 것들이 다 설치되어 있는 걸로 알고, 웹팩도 그런 일종으로 알고있어서 빌드를 실행하면 원래 설치되어 있는 웹팩이 실행 되어서 압축된 빌드파일이 생성되는 줄 알았거든요.. 이거랑은 다른건가요?
쉽게 설명해주셔서 이해하는데 엄청 도움받았습니다! 혹시 궁금한 것이 있는데 React로 배포한 서비스를 개발자도구 네트워크 탭으로 확인해보면 js 파일 하나만 나오는데, 실제 해당 화면에 사용된 컴포넌트(모듈)는 두개입니다. 제가 따로 웹팩을 설치하거나 설정하지 않았는데도 js가 하나만 요청되는 이유가 cra로 생성한 React 프로젝트에서 웹팩(모듈 번들러) 기능이 자동으로 포함되어 있기 때문일까요?
설명 쉽게 너무 잘하세요. 묵은 궁금증이 싹 내려갔어요~!! 감사해요~~
와우 도움이되어 다행이에요 감사합니다 💪
웹팩공부하다 이해가 안되서봤는데, 너무 좋아요.
좋은 댓글 감사합니다!! 🙂 💪
참 정성이 들어간, 간단하지만, 매우 유익한 강의였습니다. 감사합니다.
좋은 댓글 감사합니다! 😃
와우 웹팩 찢었다
감사합니다~!! 🙂
정말 유익하게 봤습니다 감사합니다!!
감사합니다 🙂 😎
너무 이해하기 쉽게 설명 해주셨어요 감사합니다 :)
감사합니다 ㅎㅎ 😄
너무 감사합니다 ㅎㅎ
감사합니다 :)
잘 보고 있습니다!
영상 봐주셔서 감사합니다! 🙂
넘 조아~~~
와우~!! ㅎㅎ 감사합니다~!! 🙂 🎉
와 설명잘하시네요!!
좋은 댓글 감사합니다! 🙂 💪
여태 들었던 모든 강의 통틀어서 최고였습니다.. 감사합니다.
궁금한 점이 있는데 Next.js에서는 webpack 설정을 할 필요가 없나요?
감사합니다~!! 🙂
Next.js 기본으로 Webpack(현재 V5) 적용되어 있어요 ㅎ 추가적으로 설정을 변경하시고 싶다면 아래 링크에서 확인하실 수 있어요 ㅎ
nextjs.org/docs/api-reference/next.config.js/custom-webpack-config
기가막힌 강의였습니다!! 이해가 확 되네요!! 한 가지 궁금한게 저는 dist폴더 따로 만들지 않아도 "--output-path ./dist dist"을 하던 npm run build를 하던 dist폴더랑 번들 파일이 자동으로 생성 되던데 그건 최신버전이라 그런건가요?
감사합니다 ㅎㅎ
기능이 달라졌다면 버전이 변경되면서 바뀐거겠죠?🙂
번들링된 파일 분석도 해주셨으면 좋겟어요
혼자서 분석하기 어렵네요
참고가 될 만한 링크 공유드립니다.
webpack.js.org/guides/output-management/
잘 봤습니다! 그러면 웹팩은, 모듈화기능(CommonJS 등) 도 하고, 번들링도 하는 2가지 기능을 다 하는건가요? 아니면 모듈화된 파일을 번들링만 하는건가요?
webpack cli 를 통해서 번들링하면, 번들링 과정만 있는게 아니라 각 js파일이 모듈화도 되고, 이후에 번들링 되는것처럼 보여서요!
웹팩은 번들러입니다 :)
아래 강의도 보시면 도움이 될 것 같습니다.
JS 모듈 시스템 - ruclips.net/video/5NXEXkIrkAk/видео.html
질문이 있는데요! 리액트에서 빌드하고 난 후 빌드파일이 생성되잖아요? 그거랑 웹팩으로 모듈을 합친 거랑은 다른건가요?
번들링 되는 개념은 같은 이치입니다. 어떤 번들러를 사용하냐에 따라 그 메커니즘은 다를 수 있어요 🙂
@@gymcoding create react app으로 만들면 프로젝트에 필요한 것들이 다 설치되어 있는 걸로 알고, 웹팩도 그런 일종으로 알고있어서 빌드를 실행하면 원래 설치되어 있는 웹팩이 실행 되어서 압축된 빌드파일이 생성되는 줄 알았거든요.. 이거랑은 다른건가요?
쉽게 설명해주셔서 이해하는데 엄청 도움받았습니다! 혹시 궁금한 것이 있는데 React로 배포한 서비스를 개발자도구 네트워크 탭으로 확인해보면 js 파일 하나만 나오는데, 실제 해당 화면에 사용된 컴포넌트(모듈)는 두개입니다. 제가 따로 웹팩을 설치하거나 설정하지 않았는데도 js가 하나만 요청되는 이유가 cra로 생성한 React 프로젝트에서 웹팩(모듈 번들러) 기능이 자동으로 포함되어 있기 때문일까요?
넵! 맞습니다 :)
웹팩을 왜 사용하는지 아무리 블로그 글을 읽어도 느낌으로만 와닿았는데, 이 영상과 답변으로 바로 이해했습니다 ㅎㅎ! 감사합니다!
다행이에요👍!! 화이팅! 💪 ㅎㅎ
설명 진짜 잘 해주셨네요!! 이해가 잘 됐어요 감사합니다!!
도움이 되셨다니 다행입니다~! 🙂