React App에서 경고 메시지 끄기, warning message off

React App에서 경고 메시지 끄기, warning message off

 

React App Project를 생성하고 개발을 시작하면서

React App의 Console에서 Warning Message가 많이 나타납니다.

 

노란색으로 Warning message가 나타나는데 이는 'eslint'가 프로젝트에 적용되어 그렇습니다.

 

개발하는 중에는 변수를 선언하고 바로 사용하지 않는 경우도 존재하는데,

React Project에서 사용하지 않는 변수 등에 대해서 Warning message를 띄우게 되어 있어

개발 중에 노란색 Warning message를 자주 보게 됩니다.

 

이 warning 메시지를 띄우지 않도록 eslint 기능을 off 해주어야 하는데요.

 

사용하는 data javascript 파일이나 컴포넌트 javascript 파일 최상단의 다음 주석을 달아주면,

경고 메시지가 뜨지 않게 됩니다.

 

 

반응형

 

/* eslint-disable */

 

자바스크립트 최상단에 주석 하나 달아주면 ( /* eslint-disable */ )

해당 파일에서 확인되는 경고 사항에 대한 메시지는 더 이상 나타나지 않습니다.

 

 

 

 

 

예시로,

App.js 파일 최상단에 주석을 제거했습니다.

아래 이미지 왼쪽을 보면 line 1 인 것을 확인할 수 있습니다.

 

 

App 컴포넌트에 shoes, setShoes state를 선언하였으나, 현재 setShoes는 사용하지 않고 있습니다.

사용하지 않은 변수에는 밑줄이 생기거나, 변수 글자 색이 연하게 보입니다.

현재 IDE는 visual studio를 사용하고 있습니다. 선언한 변수를 사용할 경우 변수 색상이 진해집니다.

그리고 현재 setShoes가 39번째 Line인 것을 확인하고 다음 이미지를 확인해 주세요.

 

 

 

 

Console을 확인하면 'WARNING in [eslint]'이라는 경고 메시지가 나타난 것을 확인할 수 있습니다.

메시지 내용을 보면 Line 39에 'setShoes'를 지금 사용되지 않았다고 경고하고 있습니다.

 

 

다시 App.js 파일 최상단에 주석  /* eslint-disable */ 을 적용하겠습니다.

 

 

 

주석  /* eslint-disable */ 을 추가한 뒤 저장하면

Console에 경고 메시지 없이 컴파일되어 실행되는 것을 확인할 수 있습니다.