thumbnail

프로젝트 기초 세팅

2021년 04월 01일

.prettierrc

{
  "arrowParens": "avoid",
  "singleQuote": true,
  "semi": false,
  "useTabs": false,
  "tabWidth": 2,
  "trailingComma": "none",
  "printWidth": 80
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es6",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "baseUrl": "./src" // next.js는 "."
  },
  "exclude": ["node_modules"],
  "include": ["**/*.ts", "**/*.tsx", "**/*.js"]
}

tailwind.config.js

const colors = require('tailwindcss/colors')

module.exports = {
  purge: ['./src/**/*.{js,jsx,ts,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        ...colors
      }
    }
  },
  variants: {
    extend: {}
  },
  plugins: []
}

process.env typescript

declare namespace NodeJS {
  interface Process {
    env: ProcessEnv
  }
  interface ProcessEnv {
    NODE_ENV: string
  }
}

제 포스팅이 도움이 되셨다면, 아래 버튼을 눌러 커피 한 잔을 후원해주세요! 더 좋은 글을 발행하는 데 큰 도움이 됩니다.

Buy Me a Coffee at ko-fi.com

개발 블로그

김동욱

wcgo2ling@gmail.com

© 2021 kidow. All right reserved.