CEOS-Developers · yujinnieOhh · Mar 24, 2026 · Mar 27, 2026 · Mar 27, 2026 · Mar 27, 2026
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/README.md b/README.md
@@ -19,7 +19,6 @@
 
 그럼 이번 과제도 파이팅입니다!! 🎉
 
-
 # **과제**
 
 ## **목표**
@@ -36,25 +35,24 @@
 ## **Review Questions**
 
 - 디자이너와 협업하며 전달받은 자료
-(피그마 링크, 캡처본, 커뮤니케이션 과정 등)
+  (피그마 링크, 캡처본, 커뮤니케이션 과정 등)
 
 - JSX / JS / TSX / TS의 개념과 각각의 차이점, 사용 이유
 
 - TypeScript를 사용하는 이유
 
 - SSR과 CSR의 개념 및 차이점
 
-
 ## **필수 구현 기능**
 
 - 피그마 **Dev Mode**를 통해, 매칭된 디자인 파트원의 UI를 구현합니다.
-    - [🔗 예시 1](https://react-messenger-21th-kwondu.vercel.app/)
-    - [🔗 예시 2](https://react-messenger-21th-nine.vercel.app/)
+  - [🔗 예시 1](https://react-messenger-21th-kwondu.vercel.app/)
+  - [🔗 예시 2](https://react-messenger-21th-nine.vercel.app/)
 - 디자인 시스템을 구축합니다.
 - tailwind CSS를 사용합니다.
 - 메세지를 보내면 채팅방 하단으로 스크롤을 이동시킵니다.
 - 메세지에 유저 정보(프로필 사진, 이름)를 표시합니다.
-    - user와 message 데이터를 json 파일에 저장합니다.
+  - user와 message 데이터를 json 파일에 저장합니다.
 - UI는 **반응형을 제외**하고 피그마파일을 따라서 진행합니다.
 
 ### **추가 구현 기능**
@@ -82,3 +80,4 @@
 - [[영상] : 컴포넌트에 대한 이해](https://www.youtube.com/watch?v=21eiJc90ggo)
 - [Tailwind CSS 장단점, 사용법](https://wonny.space/writing/dev/hello-tailwind-css)
 - [ts 절대경로 설정하기](https://tesseractjh.tistory.com/232)
+  > > > > > > > upstream/master
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>react-messenger-23rd</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>