5. Parcel & ESLint

키워드

• Bundler(번들러)

  • Parcel

• Lint(린트)

  • ESLint

번들러

• 의존성이 있는 모듈코드를 하나의 파일로 만들어주는 도구

• 번들러를 사용하면 소스코드를 모듈별로 작성할 수 있고 모듈간 또는 외부 라이브러리의 의존성을 쉽게 관리할 수 있음

• 자바스크립트 파일을 외부에서 알아보기 힘들게 변환하거나, 최신 문법의 자바스크립트를 모든 웹 브라우저에서 작동할 수 있게 변환해주기도 함

장점

• 여러 파일을 최적화해서 하나의 파일로 묶기 때문에 주고 받는 파일의 크기가 줄어듦

• 모듈단위 코딩으로 유지보수가 편하고 가독성이 향상됨

• 다양한 서드파티 기능 지원

Parcel

• 쉽고 빠르고 강력한 웹앱 번들러

• Webpack이나 Gulp와 다르게 별도 설정 없어도 빠르게 빌드 가능(zero configuration)

Lint

소스코드를 분석하여 프로그램 오류, 버그, 스타일 오류, 의심스러운 구조체에 표시를 달아놓기 위한 도구

장점

• 코딩 스타일 통일

• 잠재적 문제 발견

• 베스트 프렉티스 추천

ESLint

자바스크립트 코드에서 발견되는 문제시되는 패턴들을 식별하기 위한 정적 코드 분석 도구