NextJS_Capstone-기록일지(1)..작성중

1. NextJs + TailWindCss 셋팅 방법 :

- 순서1 : Vscode로 프로젝트 생성할 폴더로 열고, 아래의 명령어를 터미널 켜서 작성

npx create-next-app@latest .

- 순서2 : 아래의 선택사항을 입력하여, 프로젝트 생성 완료

- 순서3 : Next.Js15.0.3 버전이후 [eslintrc.config.json]** 파일의 내용 수정

import { dirname } from "path";
import { fileURLToPath } from "url";
import { FlatCompat } from "@eslint/eslintrc";

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

const compat = new FlatCompat({
  baseDirectory: __dirname,
});

const eslintConfig = [
  ...compat.extends("next/core-web-vitals", "next/typescript"),
  {
    // 이 부분이 추가됩니다!
    rules: { 
      "@typescript-eslint/no-unused-vars": "off",
      "@typescript-eslint/no-explicit-any": "warn",
    },
  },
];

export default eslintConfig;

rules에 추가한 옵션 별 의미는 다음과 같아요.

• @typescript-eslint/no-unused-vars: "warn": 사용하지 않는 변수가 있을 때 경고로 표시해요
• "@typescript-eslint/no-explicit-any": "off": any 타입을 명시적으로 정의할 수 있도록 허용해요