webpack을 왜 사용했나요? 그럼 babel은 왜 사용했나요?

[365kim]

• webpack을 왜 사용했나요?
• 그럼 babel은 왜 사용했나요?
• webpack이 번들링 하는 과정에서 entry부터 output까지 모든 과정을 설명해보세요.

[365kim]

공유하고싶은 자료 & 개인적으로 정리한 블로그 등이 있다면 여기👇👇👇에 댓글로 공유해주세요 😆

[365kim]

김정환 블로그 - 프론트엔드 개발환경의 이해: Babel

[365kim]

김정환 블로그 - 웹팩의 기본 개념

[Puterism]

핵심키워드
모듈 번들러, loader, plugin, 트랜스파일링, 폴리필

경험요약
Webpack과 Babel의 역할, webpack을 사용한 이유, 그리고 webpack의 번들링 과정을 간략하게 설명했다. loader나 plugin의 경우, 예시를 들어가면서 loader과 plugin의 역할이 모호해지지 않게 설명하려고 노력했다.

스터디회고
다른 모듈 번들러를 사용해본 경험이 있는지, 얼마든지 꼬리 질문이 나올 수 있을 것 같다. 나의 경우는 Parcel와 Webpack을 좀 더 깊게 비교할 수 있는 근거를 준비하면 좋을 것 같다.

[zigsong]

핵심키워드
번들러, loader, plugin, 의존성 그래프

경험요약
프로젝트 세팅 시 webpack 설정, loader와 plugin의 차이, 다른 모듈 번들러가 아닌 webpack을 사용한 이유

스터디회고
의존성 그래프에 대한 내용을 새로 알았다. '번들러'가 무엇인지에 대한 정의를 더 잘 준비해놔야할 것 같다.

[SunYoungKwon]

핵심키워드

번들러, 로더, 플러그인, entry, output

경험요약

웹팩을 사용한 이유(일반적으로 가장 많이 사용되어 자료가 많음, 프로젝트 시 모든 팀원에게 익숙한 도구)

스터디회고

번들러의 정의에 대해 설명.
로더와 플러그인의 차이점에 대해 설명.
webpack과 다른 번들러의 차이점을 알아두면 좋을 것 같음.

[zereight]

핵심키워드
번들러, 로더, 플러그인, entry, output, 모듈, babel

경험요약
웹팩의 특징과 필요성에 대해서 답변함
babel과 폴리필의 관계에 대해서도 설명함

스터디회고
정의는 괜찮게 말했는데, 사용이유를 한번더 정리해서 말함으로써 답변이 장황해짐. 인치한테 혼남

[365kim]

• 핵심키워드 : 번들링 entry/output/loader/plugin 트랜스파일링
• 경험요약 : 프로젝트에서 웹팩5와 바벨을 사용해서 번들링했다.
• 스터디회고 : 웹팩 설명 중 중요한 키워드는 다 얘기했지만 '아..' '어..' 말을 망설이는 경우가 있어서 얼핏 정리가 안되 보였고, 바벨 설명에서는 '다운그레이드'라는 워딩보다는 '트랜스파일링'이나 '폴리필'이라는 키워드가 더 좋겠다는 피드백을 받았다. 파셀을 사용해본 체프의 이야기를 들을 수 있어서 좋았다.