[Web] babel? eslint?

이 질문의 시작은 Vue 프로젝트 생성을 하고 나면, babel과 eslint를 선택할 수 있는 기본 폼이 생성되는데 어떤 것을 의미하는짖 알아보고자 정리하였다.

https://eastflag.co.kr/frontend/frontend-webpack/babel-%EA%B3%BC-eslint-%EC%84%A4%EC%A0%95/

babel 설정

• 자바스크립트 컴파일러

• babel은 브라우저가 지원하지 않는 자바스크립트 문법들을 브라우저가 이해할 수 있도록 코드를 변환해주는 역할을 한다.

eslint 설정

• 자바, 파이썬, 자바스크립트 등 어떤 언어에도 코드 스타일이 있다. 혼자 개발하면 모르겠지만 대부분 다른 개발자와 공동 개발을하므로 내 코드를 다른 사람들이 ㅇ릭는데 문제가 없도록 하기 위해서 공통의 코드 스타일을 맞추어야 한다.
• eslint는 자바스크립트 코드 스타일을 정하는 모듈로써 code smell을 피하고 프로젝트 공동 개발자의 자바스크립트 코드를 비슷하게 맞추어 주는 역할을 한다.