1. 프리티어 확장프로그램 설치 2. 프리티어 설정 2-1 ESLint와 호환을 위해 Single Quote 체크 2-2 기존의 format 끄기 2-3 format on save 설정 3. 프리티어 설정파일 추가 3-1 .prettierrc 파일 추가 { "printWidth": 80, "tabWidth": 2, "useTabs": false, "singleQuote": true, "trailingComma": "all", "jsxBracketSameLine":true, "jsxSingleQuote": true, "arrowParens": "always" } 3-2 .prettierignore 파일 추가 appspec node_modules public .next styles tailwind-theme..

1. storybook 설치 npx sb init 2. storybook/main.ts withTwin webpack 설정 import type { StorybookConfig } from "@storybook/nextjs"; import withTwin from '../withTwin'; const config: StorybookConfig = { stories: ["../stories/**/*.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"], addons: [ "@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions", ], framework: { name: "..

1. Next 프로젝트 생성 npx create-next-app 2. .eslintrc.json 수정 { "env": { "browser": true, /* 브라우저 환경에서 실행되는 코드 */ "node": true, /* Node.js 환경에서 실행되는 코드 */ "es2021": true /* ECMAScript 2021(ES12) */ }, "extends": [ "eslint:recommended", /* 기본적인 ESLint 구성 설정*/ "plugin:react/recommended", /* React에 대한 ESLint 권장 설정 */ "next/core-web-vitals", /* Next.js의 Core Web Vitals 설정 */ "plugin:storybook/recommended..