Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- react-query
- polling
- package.json
- useState
- 개발자 도구
- Pr
- 티스토리챌린지
- zustand
- 오블완
- form
- 협업
- 비제어
- 개발
- react
- js
- 프레임 워크
- 코딩 테스트
- frontend
- 개발자
- PullRequest
- prettier
- Study
- CSS
- github
- 가을 감성
- Fe
- eslint
- Context API
- next.js
- tailwind css
Archives
- Today
- Total
ougi FE
[Formatter] ESLint가 뭘까?? 본문
728x90
저는 예전부터 유용하게 사용하던 ESLint라는 도구를 소개해드리고 싶어서 이렇게 글을 작성하게 되었습니다 이 도구가 무엇을 도와주는 도구인지 어떻게 사용하는지 설명 드리겠습니다
혹시 코드가 문법상으로 오류가 있는데 오류가 안나서 힘들었던 경험이 있나요? ESLint를 이용하면 더 이상 힘들어하지 않아도 됩니다!!
📌 ESLint가 뭘까?
ESLint는 EcmaScript(javascript) 와 Lint를 합친 것으로 여기서 Lint는 에러가 있는 코드에 표시를 달아놓는 것을 의미입니다 즉 ESLint는 자바스크립트 문법에서 에러가 발생하면 표시해주는 도구입니다
++ 코드 스타일 정리
🎯 사용법
npm init -y # package.json 파일 생성
npm install eslint --save-dev
이렇게 해서 원하는 프로젝트에 ESLint를 설치해줍니다
npx eslint --init
ESLint 설정 파일을 생성
npx eslint yourfile.js
ESlint를 실행해줍니다
마무리
ESLint의 사용법을 잘 알고 사용하여 더 이상 개발을 할 때 골머리를 앓는 일이 없어졌으면 좋겠습니다 오늘의 글은 오류를 알려주는 ESLint라는 도구였습니다 모두 더 편하게 개발하셨으면 좋겠습니다
728x90
'JavaScript' 카테고리의 다른 글
[코딩 테스트] (제일 작은 수 제거하기) 나의 첫 코딩 테스트 트러블 슈팅!! ⚽(+ shift, sort, pop, splice, Math.min) (1) | 2024.09.28 |
---|---|
[JavaScript] Cropper.js가 뭘까? ✂️ (2) | 2024.09.11 |
Websocket💬이란?? (+Polling) (0) | 2024.08.23 |
[Web Storage] 💾LocalStorage, SesstionStorage 그리고 🍪Cookie까지 (0) | 2024.08.17 |
Fetch와 Ajax, axios 이해하기 (0) | 2024.08.06 |