충남대 FE_임세빈_1주차 과제 Step1

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -1,2 +1,16 @@
 # react-gift-react-foundation
+
 FE 카카오 선물하기 1주차 과제: React 기초
+
+### ✏ 기능 목록
+
+- [x] Create React App 기반 프로젝트 생성
+- [x] Typescript 개발 환경 세팅
+- [x] 절대 경로로 import할 수 있게 alias 설정
+- [x] tsconfig 구성
+- [x] ESLint, Prettier 설치
+- [x] Lint 룰 설정
+- [x] emotion 스타일 라이브러리 추가
+- [x] reset css 적용
+- [x] gitignore 추가
+- [x] 프로젝트에 불필요한 파일 정리

config-overrides.js

@@ -0,0 +1,9 @@
+const { alias } = require("react-app-rewire-alias");
+
+module.exports = function override(config) {
+  alias({
+    "@": "src", // 절대경로 설정
+  })(config);
+
+  return config;
+};

eslint.config.mjs

@@ -0,0 +1,23 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
+
+export default [
+  { files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"] },
+  { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
+  { languageOptions: { globals: globals.browser } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReactConfig,
+  {
+    extends: [
+      "plugin:react/recommended", // 리액트 추천 룰셋
+      "plugin:@typescript-eslint/recommended", // 타입스크립트 추천 룰셋
+      // eslint의 typescript 포매팅 기능을 제거(eslint-config-prettier)
+      "prettier/@typescript-eslint",
+      // eslint의 포매팅 기능을 prettier로 사용함. 항상 마지막에 세팅 되어야 함.
+      "plugin:prettier/recommended",
+    ],
+  },
+];