[TIL] - 7

one·2022년 8월 30일
0

TIL

목록 보기
7/18
post-thumbnail

번들러(bundler)

  • 웹 애플리케이션을 구성하는 모든 자원을 하나의 파일로 묶는(번들) 도구

    전역 범위를 갖는 수백 개의 자바스크립트 파일의 중복 선언
    수백 개에 달하는 자바스크립트 파일로 인한 느린 로딩
    수동적인 웹 개발 루틴 작업 (파일, 이미지 압축 / CSS 전처리기 변환 등)

    위 문제들을 해결을 위해 번들러(bundler)가 등장

  • 번들러 사용 시 좋은 점
    모듈 단위의 코드 작성
    네트워크 병목 완화 (최적화)
    웹 개발 작업 자동화 

웹팩

  • 모던 JavaScript 애플리케이션을 위한 정적 모듈 번들러

babel

  • 자바스크립트 Compiler.
  • 자바스크립트는 ES5, ES6, ES7 등 매번 새로운 스펙이 등장한다. 이에 따라 구형 브라우저는 호환성의 문제가 생길 수 있음. 그렇기에 최신 버전으로 작성된 자바스크립트 코드를 하위 버전의 자바스크립트 코드로 변환시키는 과정이 필요 -> 이 과정을 transpile라고 함

2022.08.29 Daily 회고

오늘 한 일

  • 모의면접(zoom)
  • 기업과제 진행
  • 번들러, 웹팩

느낀 점

  • 타입스크립트를 쓰면서 any를 너무 많이 사용하는 거 같음. ts문서를 다시 봐야할 듯.
profile
늘 호기심을 갖고, 새로운 것에 도전할 것.

0개의 댓글