Unknown at rule @tailwind 경고 해결

global.css에 @tailwind base;를 사용하면 ESLint에서 경고가 나오는 경우가 있다.
아래의 코드는 tailwind 를 적용할 때 필수 코드이다.
해당 적용하게되면 eslint에서 경고가 발생을 한다.

//global.css 
/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins.
 */
@tailwind base;
/**
  * This injects Tailwind's component classes and any component classes
  * registered by plugins.
  */
@tailwind components;
/**
  * This injects Tailwind's utility classes and any utility classes registered
  * by plugins.
  */
@tailwind utilities;

Unknown at rule @tailwind인데, 해결이 아주 간단했다.

위 같은 경우에 wanring정도라서 큰 문제는 없지만, 신경이 쓰여서 처리를 했다.

나의 경우에는 code-workspace를 주로 사용한다. (노트북 자체의 코드스타일에는 영향은 안주려고 노력을 한다.)

//proj.code-workspace
{
    ...,
    "settings": {
        "css.lint.unknownAtRules": "ignore" //추가
    }
}

혹시 code-workspace가 없다면 세팅에서 unknown을 검색하여 CSS > Lint: Unknown At Rules를 ignore로 변경을 해주면 된다.