🔥 Today

• [ecommerce-website]
  • 클릭된 page-number css style
  • detail page

• bundling

  • 웹 애플리케이션을 구성하는 자원들을 하나의 파일로 병합 및 압축 해주는 동작을 모듈 번들링이라고 한다.

  • 빌드, 번들링, 변환 모두 같은 의미이다.

    
    

  • 프론트엔드 개발은 모듈단위로 파일을 엮어서 개발을 진행한다. 이 모듈단위로 개발을 진행하며 아래와 같은 문제가 발생한다.

    
    

  • 모듈은 서로 의존성을 띄는데 이 모듈 사이의 우선순위는 어떻게 정할 것인가
  • 모듈이 많아질수록 HTTP 요청이 많아지게 되는데, 이러면 오버헤드의 문제는 어떻게 해결할 것인가

  • ES6스펙의 코드를 어떻게 처리 할 것인가

    
    

  • 위와 같은 문제를 해결하기 위해 모듈 번들러가 등장했다. 각각의 의존성을 해결하여 하나의 자바스크립트 파일로 만들어주는 도구이다. 모듈 번들러로 유명한 번들러로 webpack, parcel, rollup이 있다.

🔥 To Do

• [ecommerce-website] ⏩
• [부스트코스] project B
• [Algorithm] javaScript 매일 1문제 이상 풀기
• [부스트코스] CS 자료구조, 알고리즘 강의

• [ByteDegree] React
  • Final Project 독서 기록 서비스 구현하기 ⏩