diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..8692cf6
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+# 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
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/README.md b/README.md
index b737bcc..830e57d 100644
--- a/README.md
+++ b/README.md
@@ -1,77 +1,156 @@
-유튜브 앱 작성
+# :sparkles: [Youtube Clone Toy Project (Demo)](https://kdt3-team7-react-youtube-app.netlify.app)
+
+#### 프로젝트 문서는 [여기](https://docs.google.com/spreadsheets/d/1EhoF12aqxV7dyYcOJNbmAZO6rkJGMgtNTbrpR0zFBcM/edit#gid=0)에서 확인하실 수 있습니다.
+
+
+
+## :raising_hand: Member
+
+
|
+ + + |
+ + + |
+
+ + + |
+
+ + + |
+
+- ["react-router-dom": "^6.6.2"](https://reactrouter.com/en/main)
+- ["timeago.js": "^4.0.2"](https://www.npmjs.com/package/timeago.js/v/4.0.0-beta.3)
+ - 업로드 날짜를 보여주는 라이브러리
+ - 적용예시 :point_right:
+- "dotenv": "^16.0.3"
+ - apikey 숨김. `REACT_APP_API_KEY`로 apikey 사용
+- "reset-css": "^5.0.1"
+ - 스타일 초기화
+- ["youtube-duration-format": "^0.2.0"](https://www.npmjs.com/package/youtube-duration-format)
+ - 동영상 러닝타임 숫자로 변환해 주는 라이브러리
+- ["react-hook-form": "^7.42.1"](https://react-hook-form.com/)
+
+
}
+ {user &&
}
+
+ {commentCount} Comments
+ {commentData.map((comment: any) => ( +{comment.snippet.topLevelComment.snippet.authorDisplayName}
+ {uploadedDate(comment.snippet.topLevelComment.snippet.publishedAt)} ++ 조회수 {viewCountConverter(videoData.statistics.viewCount)}회 • + {uploadedDate(videoData.snippet.publishedAt)} +
+
+ Not Found
+{videoData.snippet.title}
++ 조회수 {viewCountConverter(videoData.statistics.viewCount)}회· + {uploadedDate(videoData.snippet.publishedAt)} +
+
+
+
+
+ {videoData.snippet.channelTitle}
+
{videoData.snippet.description}
+{ytDurationFormat(videoData.contentDetails.duration)}
+