🌟 ESLint 빨간 밑줄? 당황하지 말고 이렇게 해결하자! 🎨✨

하,, 지피티가 만들어준 제목 어질어질하노,,

개발하다 보면 변수를 선언했는데 아직 안 썼거나, 특정 규칙을 위반해서 ESLint가 빨간 밑줄을 그어줄 때가 있다.

 

---

🛠 1. eslint-disable-next-line

이걸 사용하지 않는 변수 위에 추가하면 ESLint가 다음줄은 무시하고 넘어가줌!

 

📌 예제

// eslint-disable-next-line
const unusedVariable = "안쓰는 변수";

이러면 더 이상 경고 없음! 🎉

---

🎨 2. 특정 규칙만 비활성화하고 싶다면?

만약 특정 ESLint 규칙 때문에 빨간 밑줄이 뜬다면, 아래처럼 규칙 이름을 지정할 수있다.

// eslint-disable-next-line no-unused-vars
const unusedVariable = "안쓴다고";

 

이러면 no-unused-vars 규칙만 해제돼서 다른 코드 스타일 규칙은 유지할 수 있다.

---

🐣 3. 파일 전체에 적용하는 방법

맨 위에 이 한 줄을 추가하면 됨!

/* eslint-disable */

 

이러면 파일 전체에서 ESLint가 비활성화됨💤 하지만 너무 남발하면 코드 관리가 어려워지니까 조심해야한다 ⚠️

---

이제 귀찮은 ESLint 경고를 죽일 수 있다. 시네~