ougi FE

[Formatter] ESLint가 뭘까?? 본문

JavaScript

[Formatter] ESLint가 뭘까??

ougi 2024. 9. 6. 18:56
728x90

저는 예전부터 유용하게 사용하던 ESLint라는 도구를 소개해드리고 싶어서 이렇게 글을 작성하게 되었습니다 이 도구가 무엇을 도와주는 도구인지 어떻게 사용하는지 설명 드리겠습니다

혹시 코드가 문법상으로 오류가 있는데 오류가 안나서 힘들었던 경험이 있나요? ESLint를 이용하면 더 이상 힘들어하지 않아도 됩니다!!


📌 ESLint가 뭘까?

ESLint는 EcmaScript(javascript) 와 Lint를 합친 것으로 여기서 Lint는 에러가 있는 코드에 표시를 달아놓는 것을 의미입니다 ESLint는 자바스크립트 문법에서 에러가 발생하면 표시해주는 도구입니다

++ 코드 스타일 정리

ESLint

🎯 사용법 

npm init -y   # package.json 파일 생성
npm install eslint --save-dev

이렇게 해서 원하는 프로젝트에 ESLint를 설치해줍니다

npx eslint --init

ESLint 설정 파일을 생성

npx eslint yourfile.js

ESlint를 실행해줍니다


마무리

ESLint의 사용법을 잘 알고 사용하여 더 이상 개발을 할 때 골머리를 앓는 일이 없어졌으면 좋겠습니다 오늘의 글은 오류를 알려주는 ESLint라는 도구였습니다 모두 더 편하게 개발하셨으면 좋겠습니다

728x90