본문 바로가기

전체 글

 (99)
웹팩 기본 구조 📌 시작하며 웹팩과 번들의 필요성과 개념에 대한 설명은 링크를 참조 🤔 웹팩의 핵심 개념들 웹팩을 다룬다는 것은 webpack.config.js 파일을 이해하고 작성하는게 사실상 전부다. webpack.config.js 파일만 잘 작성해 놓으면 번들링이 성공적으로 되고 빌드가 완료되는데 이 webpack.config.js파일에 옵션이 너무 많고 복잡해서 생소한 부분이 많다. 일단 웹팩 공식문서에서 제시하는 핵심개념들은 아래와 같다. (각 링크를 클릭하면 공식문서로 넘어간다) Entry(엔트리) Output(출력) Loaders(로더) Plugins(플러그인) Mode(모드) Browser Compatibility(브라우저 호환성) 💡 웹팩의 모양 웹팩 설정 파일의 아주 간단한 모습은 아래와 같다. 아래는..
번들링과 웹팩, 무엇이고 왜 필요할까? 🎀 번들링(bundling)이란 '묶는다'는 뜻을 가지고 있으며, 사용자에게 웹 애플리케이션을 제공하기 위해 기능별로 모듈화 했던 파일들을 하나로 묶어주는 작업을 말한다. 🤔 번들링은 왜 필요할까 구체적인 사례로 들자면 아래의 것들을 들 수 있다. 여러개의 js파일을 사용할때 변수간 충돌을 막을 수 있다. 파일을 불러오는 횟수를 줄일 수 있어서 인터넷 속도가 느릴 때에도 좋다. 유지보수를 위해 공백이나 주석을 지우지 않아도 배포용 코드에서만 뺄 수 있다. 배포 코드를 암호화하여 안전하게 만들 수 있다. 요약해서 말하자면, 번들링은 웹 애플리케이션의 빠른 로딩 속도와 높은 성능을 위해서 필요하다. 여러개의 파일들이 있다면 그만큼 서버에 요청하고 응답받는 횟수가 많아진다. 그러면 당연히 페이지가 로딩되는 시..
[코드스테이츠 FE 부트캠프 40기] 섹션3 회고 🏔나의 목표 되새기기 요즘들어 많이 드는 생각이 좋은데에 취직하는 것도 중요하고, 다 좋지만 즐기면서 오래 갈 수 있는 개발자가 되고 싶다. 아무리 내가 이분야에 인정받더라도 항상 조바심을 느끼고 남들하고 비교하기 시작하면 일하는 동안 너무 힘들것 같다. 일하는 기간이 1~2년도 아니고 엄청 오래해야되는데 그럼 내 인생이 너무 불쌍해 질것이다 ㅜ 그래서 내가 즐길 수 있는 만큼내에서만 최선을 다하자는 생각! 정직하게 성실히 걸어가고 그 이외엔 비교하거나 집착하지 말자라고 요즘 부쩍 다짐하고 있다. 👍🏻KEEP 풀었던 데일리코딩 문제는 아무리 어려워도 꼭 이해하고 넘어가고, 어려웠던 문제는 명확하게 블로깅하고 넘어간일 섹션3들어오면서 데일리코딩 문제가 너무 어려워졌는데, 더군다나 아침시간이어서 눈비비면서 ..

티스토리툴바