충남대 FE 이예빈-2단계 선물하기 메인 페이지 UI 구현하기

.prettierrc

@@ -0,0 +1,12 @@
+{
+    "semi": true,
+    "singleQuote": true,
+    "printWidth": 80,
+    "trailingComma": "es5",
+    "tabWidth": 2,
+    "useTabs": false,
+    "bracketSpacing": true,
+    "arrowParens": "always",
+    "endOfLine": "lf"
+  }
+

README.md

@@ -1 +1,16 @@
 # react-gift-login
+
+## 불필요한 코드나 파일 삭제 -> react.svg, vite.svg파일 및 import reactLogo from './assets/react.svg' import viteLogo from '/vite.svg' 등 import 해주는 코드
+
+## 절대경로로 Import 할 수 있게 alias를 설정
+
+## Prettier가 무엇인지 찾아보고 추가
+
+## emotion 스타일 라이브러리를 추가, reset css를 적용
+
+## 기본 폰트로 Pretendard를 적용
+
+## 기능 단위로 나누어 커밋
+
+
+

mockdata.ts

@@ -0,0 +1,94 @@
+const category=[
+    {
+      themeId: 3715,
+      name: '생일',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F371520241125_LQBMT.png',
+    },
+    {
+      themeId: 3714,
+      name: '맛있는선물',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F371420250401_CYHOR.png',
+    },
+    {
+      themeId: 3713,
+      name: '직장동료',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F371320250107_QWGZN.png',
+    },
+    {
+      themeId: 3712,
+      name: '연인',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F371220250107_YMYGC.png',
+    },
+    {
+      themeId: 3993,
+      name: 'FOR ME',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F399320250519_CMTFF.png',
+    },
+    {
+      themeId: 3710,
+      name: '가벼운선물',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F371020250102_QSNFV.png',
+    },
+    {
+      themeId: 3782,
+      name: '스몰럭셔리',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F378220250214_OHAQK.png',
+    },
+    {
+      themeId: 3877,
+      name: '명품선물',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F387720250324_SDCJQ.png',
+    },
+    {
+      themeId: 3707,
+      name: '출산・돌',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F370720241228_QFZPM.png',
+    },
+    {
+      themeId: 3697,
+      name: '결혼・집들이',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F369720250126_OGWLG.png',
+    },
+    {
+      themeId: 3704,
+      name: '시원한선물',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F370420250324_WDMHS.png',
+    },
+    {
+      themeId: 3705,
+      name: '합격・응원',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F370520250127_NLVFN.png',
+    },
+    {
+      themeId: 3706,
+      name: '건강・케어',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F370620250415_HENTO.png',
+    },
+    {
+      themeId: 3703,
+      name: '교환권',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F370320250331_NPPCU.png',
+    },
+    {
+      themeId: 3702,
+      name: '웃긴선물',
+      image:
+        'https://img1.daumcdn.net/thumb/S104x104/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fgift%2Fhome%2Ftheme%2F370220241228_UPSAE.png',
+    },
+  ];
+  export default category;
+