Welcome to the blog

Posts

My thoughts and ideas

  • 웹팩 실습

    이전 포스트에서는 웹팩이 어떻게 등장했는지, 모듈 개념, 그리고 웹팩의 기본 개념에 대해 알아보았다. 이번 포스트에서는 웹팩을 실제 설치해보고 자주 사용하는 플러그인들에 대해 알아보고 추가해보자.

    1. webpack.config.js

    • 프로젝트의 root 디렉토리에 웹팩 설정 파일인 webpack/config.js를 만들었다.
    1.1 mode, entry, output 옵션
    • mode, entry, output 옵션은 다음과 같다.
    const path 
            
  • 웹팩의 기본 개념

    프레임 워크 팀이 아니라면 처음에 웹팩이라는 것에 대해 지나칠 수 있다.(사실 나도 초반에는 그냥 지나감…) 이번 포스트에서는 웹팩의 필수 개념에 대해 알아보고, 다음 포스트에서 실습을 통해 배워보자.

    1. 웹팩이 필요한 이유

    1.1 웹팩 이전의 세계와 모듈의 개념
    • 웹팩은 어떻게 등장하게 되었을까? 그것을 알려면 웹팩이 없던 시절에 어떤 어려움이 있었는지에 대해서 알아보자.
    • hello.js와 world.js 파일이 있다.