Next.js 세팅 (+ TypeScript, SCSS)

• Next.js와 Typescript를 세팅하기 위해 터미널에 'npx create-next-app@latest --ts' 또는 'yarn create next-app --typescript'를 입력하고, 프로젝트 이름을 입력한다.

• SCSS를 세팅하기 위해 'npm install --save-dev sass'를 입력하고, 기존의 styles 파일을 scss로 변경한다.

• Babel 에러가 발생하면 루트 디렉터리에 .babelrc 폴더를 만들고, "presets": ["next/babel"], "plugins": [] 코드를 작성한다.

• ESLint와 Prettier를 세팅하기 위해 각각 'npm install --dev @typescript-eslint/eslint-plugin'과 'npm install --dev prettier eslint-plugin-prettier eslint-config-prettier'를 입력하고, 필요한 설정을 추가한다.