diff --git a/README.md b/README.md
index 52cde81..018aaca 100644
--- a/README.md
+++ b/README.md
@@ -1,18 +1,528 @@
-## 📝 프로젝트 소개
-
-여정공유 여행플랫폼
-
-## 📖 Commit convention
-
-- Feat : 새로운 기능 추가
-- Fix : 버그 수정
-- Env : 개발 환경 관련 설정
-- Style : 코드 스타일 수정 (세미 콜론, 인덴트 등의 스타일적인 부분만)
-- Refactor : 코드 리팩토링 (더 효율적인 코드로 변경 등)
-- Design : CSS 등 디자인 추가/수정
-- Comment : 주석 추가/수정
-- Docs : 내부 문서 추가/수정
-- Test : 테스트 추가/수정
-- Chore : 빌드 관련 코드 수정
-- Rename : 파일 및 폴더명 수정.
-- Remove : 파일 삭제.
+## 목차
+
+1. [**프로젝트 소개**](#1)
+2. [**기술 스택**](#2)
+3. [**주요 기능**](#3)
+4. [**아키텍처**](#4)
+5. [**구글 애널리틱스 통계**](#5)
+6. [**팀 소개**](#6)
+7. [**폴더 구조**](#7)
+
+<div id="1"></div>
+
+## 📌 프로젝트 소개
+
+![main](https://github.com/WePlanPlans/WPP_FE/assets/39702832/6b64523f-d3e9-4de2-b23b-a7bd35d0a4b8)
+
+- **소개**
+
+  - 실시간 공동 편집이 가능한 여행/여정 공유 플랫폼, **WePlanPlans**<br/>
+
+  - [**서비스 바로가기 Click !**](https://weplanplans.vercel.app/) 👈
+
+- **깃허브 레포**
+
+  - [FE Github](https://github.com/WePlanPlans/WPP_FE)
+  - [BE Github](https://github.com/WePlanPlans/WPP_BE)
+
+- **발표자료 및 영상**
+  - [**PPT 바로가기 Click !**](https://drive.google.com/file/d/1TAltN9sjEYGAnMgwpinyRyZKm0VBx_8M/view?usp=sharing) 👈
+
+<div id="2"></div>
+
+## 📌 기술 스택
+
+### Environment
+
+<div style="display: flex;">
+  <img src="https://img.shields.io/badge/pnpm-%234a4a4a.svg?style=for-the-badge&logo=pnpm&logoColor=f69220" />
+  <img src="https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white" />
+  <img src="https://img.shields.io/badge/VSC-007ACC?style=for-the-badge&logo=visual studio&logoColor=white" />
+  <img src="https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white" />
+  <img src="https://img.shields.io/badge/git-F05032?style=for-the-badge&logo=git&logoColor=white" />
+  <img src="https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white" />
+   <img src="https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge&logo=netlify&logoColor=#00C7B7" />
+</div>
+
+### FrontEnd
+
+<div style="display: flex;">
+ 
+  <img src="https://img.shields.io/badge/react-%2320232a?style=for-the-badge&logo=react&logoColor=%2361DAFB" />
+  <img src="https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white" />
+  <img src="https://img.shields.io/badge/Recoil-oran?style=for-the-badge&logo=Recoil" />
+  <img src="https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white">
+  <img src="https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white" />
+  <img src="https://img.shields.io/badge/stompjs-FFFF64.svg?&style=for-the-badge&logo=rsocket&logoColor=black">
+   <img src="https://img.shields.io/badge/msw-7D00FF?style=for-the-badge&logo=Stellar&logoColor=white"/>
+</div>
+
+### Others
+
+<div style="display: flex;">
+  <img src="https://img.shields.io/badge/jira-0052CC?style=for-the-badge&logo=jira&logoColor=white" />
+  <img src="https://img.shields.io/badge/Slack-4A154B?style=for-the-badge&logo=slack&logoColor=white" />
+  <img src="https://img.shields.io/badge/Discord-%235865F2.svg?style=for-the-badge&logo=discord&logoColor=white" />
+  <img src="https://img.shields.io/badge/figma-%23F24E1E?style=for-the-badge&logo=figma&logoColor=white" />
+  <img src="https://img.shields.io/badge/notion-000000?style=for-the-badge&logo=notion&logoColor=white" />
+
+</div>
+
+<div id="3"></div>
+
+## 📌 주요 기능
+
+![image](https://github.com/WePlanPlans/WPP_FE/assets/39702832/5f6b3d89-ab61-45b0-a9a0-f0721bfb3ccd)
+
+![image](https://github.com/WePlanPlans/WPP_FE/assets/39702832/aad26e8b-3067-4e1d-937e-7fff37dd02e8)
+
+![image](https://github.com/WePlanPlans/WPP_FE/assets/39702832/10c04611-b438-4b3e-a88e-e849717d445c)
+
+![image](https://github.com/WePlanPlans/WPP_FE/assets/39702832/1d731d19-c442-474f-9cca-bfc2355d943b)
+
+![image](https://github.com/WePlanPlans/WPP_FE/assets/39702832/f8768b1a-af74-466c-bca1-18e55aa1380e)
+
+![image](https://github.com/WePlanPlans/WPP_FE/assets/39702832/87cb7acc-081b-497b-8a97-128a110bff86)
+
+<div id="4"></div>
+
+## 📌 아키텍처
+
+![아키텍처](image-1.png)
+
+<div id="5"></div>
+
+## 📌 구글 애널리틱스 통계
+
+- 사용자 속성 개요
+
+  ![image](https://github.com/WePlanPlans/WPP_FE/assets/39702832/1877f54a-b55e-4105-880d-c0c6461824ba)
+
+  ![image](https://github.com/WePlanPlans/WPP_FE/assets/39702832/9edddb87-2767-44dc-a707-ce59cf66e6c1)
+
+- 기술 세부정보
+  ![image](https://github.com/WePlanPlans/WPP_FE/assets/39702832/28569efe-b140-4a69-b150-97ae0c16e928)
+
+<div id="6"></div>
+
+## 📌 팀 소개
+
+<table>
+  <tr>
+    <td align="center" width="150px">
+      <a href="https://github.com/seungjun222" target="_blank">
+        <img src="https://github.com/KDT1-FE/Y_FE_Toy1/assets/39702832/bae37c66-7793-4ab8-a4e9-d2230d9adb9c" alt="어승준 프로필" />
+      </a>
+    </td>
+    <td align="center" width="150px">
+      <a href="https://github.com/NohWookJin" target="_blank">
+        <img src="https://avatars.githubusercontent.com/u/101846817?v=4" alt="노욱진 프로필" />
+      </a>
+    </td>
+    <td align="center" width="150px">
+      <a href="https://github.com/jseo9732" target="_blank">
+        <img src="https://avatars.githubusercontent.com/u/79249376?v=4" alt="서지수 프로필" />
+      </a>
+    </td>
+    <td align="center" width="150px">
+      <a href="https://github.com/joanShim" target="_blank">
+        <img src="https://github.com/WePlanPlans/WPP_FE/assets/39702832/69c7d4a4-1a50-48e8-a283-e6d05ccf22fb" alt="심정아 프로필" />
+      </a>
+    </td>
+    <td align="center" width="150px">
+      <a href="https://github.com/suehub" target="_blank">
+        <img src="https://avatars.githubusercontent.com/u/111065848?v=4" alt="이연수 프로필" />
+      </a>
+    </td>
+    <td align="center" width="150px">
+      <a href="" target="_blank">
+        <img src="https://avatars.githubusercontent.com/leHiHo" alt="장호진 프로필" />
+      </a>
+    </td>
+   
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://github.com/seungjun222" target="_blank">
+        어승준<br />
+                팀장 (FE)
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/NohWookJIn" target="_blank">
+        노욱진<br />
+                팀원 (FE)
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/jseo9732" target="_blank">
+        서지수<br />
+                팀원 (FE)
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/joanShim" target="_blank">
+        심정아<br />
+                팀원 (FE)
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/suehub" target="_blank">
+        이연수<br />
+                팀원 (FE)
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/LeHiHo" target="_blank">
+        장호진<br />
+                팀원 (FE)
+      </a>
+    </td>
+  
+  </tr>
+</table>
+
+|  이름  |     역할     | <div align="center">개발 내용</div>                        |
+| :----: | :----------: | :--------------------------------------------------------- |
+| 어승준 | FE<br />팀장 | 리뷰/댓글, 나의 리뷰, 여행취향, 공유 및 접속중 유저        |
+| 노욱진 | FE<br />팀원 | 나의 관심목록, 여정 장소 조회/삭제, 우리의 관심목록        |
+| 서지수 | FE<br />팀원 | 이메일/카카오 로그인/회원가입, 마이페이지, 여정 공유페이지 |
+| 이연수 | FE<br />팀원 | 인기여행지, 실시간 여정 지도 및 경비 편집 (소켓)           |
+| 심정아 | FE<br />팀원 | 검색페이지, 우리의 관심목록, 여정 장소 추가                |
+| 장호진 | FE<br />팀원 | 모킹서버, 실시간 여정 편집(소켓)                           |
+
+<div id="7"></div>
+
+## 📌 폴더 구조
+
+<details>
+<summary>폴더 구조 보기</summary>
+
+```
+tenten-frontend
+  ├─ .env
+  ├─ .eslintrc.cjs
+  ├─ .prettierrc
+  ├─ custom.d.ts
+  ├─ image.png
+  ├─ index.html
+  ├─ package.json
+  ├─ pnpm-lock.yaml
+  ├─ postcss.config.js
+  ├─ public
+  │  ├─ favicon.svg
+  │  └─ vite.svg
+  ├─ README.md
+  ├─ src
+  │  ├─ @types
+  │  │  ├─ auth.types.ts
+  │  │  ├─ detail.types.ts
+  │  │  ├─ member.types.ts
+  │  │  ├─ review.types.ts
+  │  │  ├─ service.ts
+  │  │  ├─ socket.types.ts
+  │  │  ├─ tours.types.ts
+  │  │  └─ trips.types.ts
+  │  ├─ api
+  │  │  ├─ auth.ts
+  │  │  ├─ authClient.ts
+  │  │  ├─ category.ts
+  │  │  ├─ client.ts
+  │  │  ├─ comments.ts
+  │  │  ├─ member.ts
+  │  │  ├─ region.ts
+  │  │  ├─ review.ts
+  │  │  ├─ socket.ts
+  │  │  ├─ tours.ts
+  │  │  └─ trips.ts
+  │  ├─ App.tsx
+  │  ├─ assets
+  │  │  ├─ fonts
+  │  │  │  └─ GmarketSansTTFLight.ttf
+  │  │  └─ images
+  │  │     ├─ CircleCheck.svg
+  │  │     ├─ DeleteInput.svg
+  │  │     ├─ NullUser.svg
+  │  │     ├─ react.svg
+  │  │     └─ Search.svg
+  │  ├─ components
+  │  │  ├─ Auth
+  │  │  │  ├─ AuthInput
+  │  │  │  │  └─ AuthInputBox
+  │  │  │  │     ├─ AuthCurrentPwInputBox.tsx
+  │  │  │  │     ├─ AuthEmailInputBox.tsx
+  │  │  │  │     ├─ AuthInputItem
+  │  │  │  │     │  ├─ AuthInput.tsx
+  │  │  │  │     │  ├─ AuthInputWrapper.tsx
+  │  │  │  │     │  ├─ ErrorMessage.tsx
+  │  │  │  │     │  ├─ index.ts
+  │  │  │  │     │  └─ ValidifyCheck.tsx
+  │  │  │  │     ├─ AuthNicknameInputBox.tsx
+  │  │  │  │     ├─ AuthPwCheckInputBox.tsx
+  │  │  │  │     ├─ AuthPwInputBox.tsx
+  │  │  │  │     └─ index.ts
+  │  │  │  ├─ AuthSurvey
+  │  │  │  │  ├─ AuthSurvey.tsx
+  │  │  │  │  └─ AuthSurveyOption.tsx
+  │  │  │  ├─ AuthTitle.tsx
+  │  │  │  ├─ index.ts
+  │  │  │  ├─ Login
+  │  │  │  │  ├─ AuthButtons
+  │  │  │  │  │  ├─ AuthButtonsWrapper.tsx
+  │  │  │  │  │  ├─ KakaoLoginButton.tsx
+  │  │  │  │  │  └─ SignupButton.tsx
+  │  │  │  │  ├─ index.ts
+  │  │  │  │  ├─ KakaoLogin.tsx
+  │  │  │  │  ├─ LoginForm.tsx
+  │  │  │  │  └─ LoginLogo.tsx
+  │  │  │  └─ SignupInfo
+  │  │  │     ├─ AuthDropDown
+  │  │  │     │  ├─ AuthDropDown.tsx
+  │  │  │     │  └─ AuthDropDownOption.tsx
+  │  │  │     ├─ SignupInfoForm.tsx
+  │  │  │     └─ UserInfoImg.tsx
+  │  │  ├─ common
+  │  │  │  ├─ accordion
+  │  │  │  │  └─ Accordion.tsx
+  │  │  │  ├─ alert
+  │  │  │  │  └─ Alert.tsx
+  │  │  │  ├─ BackBox
+  │  │  │  │  └─ BackBox.tsx
+  │  │  │  ├─ button
+  │  │  │  │  ├─ Button.tsx
+  │  │  │  │  ├─ ListSelectBtn.tsx
+  │  │  │  │  └─ SubmitBtn.tsx
+  │  │  │  ├─ header
+  │  │  │  │  ├─ BackHeader.tsx
+  │  │  │  │  ├─ DetailHeader.tsx
+  │  │  │  │  ├─ Header.tsx
+  │  │  │  │  ├─ index.tsx
+  │  │  │  │  └─ ReviewHeader.tsx
+  │  │  │  ├─ icons
+  │  │  │  │  └─ Icons.tsx
+  │  │  │  ├─ index.ts
+  │  │  │  ├─ like
+  │  │  │  │  └─ Like.tsx
+  │  │  │  ├─ modal
+  │  │  │  │  ├─ children
+  │  │  │  │  │  ├─ EditDelete.tsx
+  │  │  │  │  │  ├─ MyAlert.tsx
+  │  │  │  │  │  └─ TripSurveyMember.tsx
+  │  │  │  │  ├─ index.tsx
+  │  │  │  │  └─ Modal.tsx
+  │  │  │  ├─ nav
+  │  │  │  │  ├─ index.tsx
+  │  │  │  │  ├─ InputComment.tsx
+  │  │  │  │  └─ Nav.tsx
+  │  │  │  ├─ noData
+  │  │  │  │  └─ NoDataMessage.tsx
+  │  │  │  ├─ scrollTopButton
+  │  │  │  │  └─ ScrollTopButton.tsx
+  │  │  │  ├─ spinner
+  │  │  │  │  └─ Spinner.tsx
+  │  │  │  ├─ tab
+  │  │  │  │  └─ Tab.tsx
+  │  │  │  ├─ toastpopup
+  │  │  │  │  └─ ToastPopUp.tsx
+  │  │  │  └─ toggleGroup
+  │  │  │     └─ ToggleValue.tsx
+  │  │  ├─ createTrip
+  │  │  │  ├─ InputField.tsx
+  │  │  │  └─ SelectDate.tsx
+  │  │  ├─ DatePicker
+  │  │  │  └─ Calendar.tsx
+  │  │  ├─ DetailSectionBottom
+  │  │  │  ├─ DetailReviews.tsx
+  │  │  │  ├─ DetailReviewStats.tsx
+  │  │  │  ├─ DetailSectionBottom.tsx
+  │  │  │  ├─ index.tsx
+  │  │  │  └─ ReviewItem.tsx
+  │  │  ├─ DetailSectionTop
+  │  │  │  ├─ DetailAddSchedule.tsx
+  │  │  │  ├─ DetailSectionTop.tsx
+  │  │  │  ├─ DetailTopButton.tsx
+  │  │  │  ├─ DetailToursButtons.tsx
+  │  │  │  ├─ DetailToursInfo.tsx
+  │  │  │  ├─ DetailToursMap.tsx
+  │  │  │  ├─ DetailToursRating.tsx
+  │  │  │  └─ index.tsx
+  │  │  ├─ Mypage
+  │  │  │  ├─ DeleteMemberButton.tsx
+  │  │  │  ├─ EditPassword
+  │  │  │  │  └─ EditPwForm.tsx
+  │  │  │  ├─ LogoutButton.tsx
+  │  │  │  ├─ MypageInfo.tsx
+  │  │  │  ├─ MypageItem.tsx
+  │  │  │  ├─ MypageList.tsx
+  │  │  │  └─ UserInfoForm.tsx
+  │  │  ├─ MyTrip
+  │  │  │  ├─ CreateMyTripButton.tsx
+  │  │  │  ├─ MyTrip.tsx
+  │  │  │  ├─ MyTripAfterList.tsx
+  │  │  │  ├─ MyTripBeforeList.tsx
+  │  │  │  ├─ MyTripIngItem.tsx
+  │  │  │  ├─ MyTripIngList.tsx
+  │  │  │  └─ MyTripItem.tsx
+  │  │  ├─ Plan
+  │  │  │  ├─ PlanEditItemBox.tsx
+  │  │  │  ├─ PlanItem.tsx
+  │  │  │  ├─ PlanItemBox.tsx
+  │  │  │  ├─ PlanMoveItem.tsx
+  │  │  │  ├─ PlanSchedule.tsx
+  │  │  │  ├─ PlanSectionTop.tsx
+  │  │  │  ├─ TripBudget.tsx
+  │  │  │  └─ TripMap.tsx
+  │  │  ├─ Review
+  │  │  │  ├─ CommentItem.tsx
+  │  │  │  ├─ DetailReview.tsx
+  │  │  │  ├─ index.tsx
+  │  │  │  ├─ MyReview.tsx
+  │  │  │  ├─ Review.tsx
+  │  │  │  ├─ ReviewButton.tsx
+  │  │  │  ├─ ReviewComments.tsx
+  │  │  │  ├─ ReviewKeyword.tsx
+  │  │  │  ├─ ReviewPosting.tsx
+  │  │  │  └─ ReviewRating.tsx
+  │  │  ├─ search
+  │  │  │  ├─ RegionSelect.tsx
+  │  │  │  ├─ ResultCategory.tsx
+  │  │  │  ├─ ResultItem.tsx
+  │  │  │  ├─ SearchInput.tsx
+  │  │  │  ├─ SearchRegion.tsx
+  │  │  │  ├─ SearchResult.tsx
+  │  │  │  └─ StartSearchBtn.tsx
+  │  │  ├─ Share
+  │  │  │  ├─ CodeInput.tsx
+  │  │  │  ├─ CopyBox.tsx
+  │  │  │  ├─ CopyToast.tsx
+  │  │  │  └─ IsEditableModal.tsx
+  │  │  ├─ Tours
+  │  │  │  ├─ CreateTripButton.tsx
+  │  │  │  ├─ ToursCategory.tsx
+  │  │  │  ├─ ToursCategoryItem.tsx
+  │  │  │  ├─ ToursCategoryItemSkeleton.tsx
+  │  │  │  ├─ ToursItem.tsx
+  │  │  │  ├─ ToursItemSkeleton.tsx
+  │  │  │  ├─ ToursList.tsx
+  │  │  │  └─ ToursSectionTop.tsx
+  │  │  ├─ Trip
+  │  │  │  ├─ EditCodeModal.tsx
+  │  │  │  ├─ LikedToursList.tsx
+  │  │  │  ├─ LikedToursLists
+  │  │  │  │  ├─ LikedToursListBox.tsx
+  │  │  │  │  ├─ LikedToursListCategory.tsx
+  │  │  │  │  ├─ LikedToursListCategoryItem.tsx
+  │  │  │  │  └─ LikedToursListItem.tsx
+  │  │  │  ├─ PlanTripButton.tsx
+  │  │  │  ├─ TripInfo.tsx
+  │  │  │  ├─ TripParticipant.tsx
+  │  │  │  ├─ TripPreference.tsx
+  │  │  │  ├─ TripRealtimeMember.tsx
+  │  │  │  ├─ TripSchedule.tsx
+  │  │  │  └─ TripSectionTop.tsx
+  │  │  └─ Wish
+  │  │     ├─ Wish.tsx
+  │  │     ├─ WishCategory.tsx
+  │  │     ├─ WishCategoryItem.tsx
+  │  │     ├─ WishItem.tsx
+  │  │     └─ WishList.tsx
+  │  ├─ constants.ts
+  │  ├─ index.css
+  │  ├─ main.tsx
+  │  ├─ pages
+  │  │  ├─ create
+  │  │  │  └─ createTrip.page.tsx
+  │  │  ├─ detail
+  │  │  │  └─ detail.page.tsx
+  │  │  ├─ login
+  │  │  │  ├─ index.ts
+  │  │  │  ├─ login.page.tsx
+  │  │  │  └─ loginKakao.page.tsx
+  │  │  ├─ main
+  │  │  │  └─ main.page.tsx
+  │  │  ├─ mypage
+  │  │  │  ├─ editPassword.page.tsx
+  │  │  │  ├─ editUserInfo.page.tsx
+  │  │  │  ├─ editUserSurvey.page.tsx
+  │  │  │  ├─ index.ts
+  │  │  │  └─ mypage.page.tsx
+  │  │  ├─ myPageReview
+  │  │  │  └─ myPageReview.page.tsx
+  │  │  ├─ myTrip
+  │  │  │  └─ myTrip.page.tsx
+  │  │  ├─ plan
+  │  │  │  ├─ addToOurPlace
+  │  │  │  │  ├─ AddtoListBtn.tsx
+  │  │  │  │  ├─ MyLiked.tsx
+  │  │  │  │  ├─ MyLikedList.tsx
+  │  │  │  │  ├─ MyLikedListItem.tsx
+  │  │  │  │  ├─ PlanAddPlace.page.tsx
+  │  │  │  │  ├─ ResultCategoryPlan.tsx
+  │  │  │  │  ├─ ResultItem.tsx
+  │  │  │  │  └─ SearchResult.tsx
+  │  │  │  ├─ AddToTripPlan
+  │  │  │  │  ├─ OurLiked.tsx
+  │  │  │  │  ├─ OurLikedList.tsx
+  │  │  │  │  └─ OurLikedListItem.tsx
+  │  │  │  ├─ planPlaceSearch.page.tsx
+  │  │  │  └─ planTrip.page.tsx
+  │  │  ├─ reviewComment
+  │  │  │  └─ reviewComment.page.tsx
+  │  │  ├─ reviewPosting
+  │  │  │  └─ reviewPosting.page.tsx
+  │  │  ├─ search
+  │  │  │  └─ search.page.tsx
+  │  │  ├─ share
+  │  │  │  ├─ share.page.tsx
+  │  │  │  └─ shareCode.page.tsx
+  │  │  ├─ signup
+  │  │  │  ├─ index.ts
+  │  │  │  ├─ signup.page.tsx
+  │  │  │  ├─ signupInfo.page.tsx
+  │  │  │  ├─ signupSuccess.page.tsx
+  │  │  │  └─ signupSurvey.page.tsx
+  │  │  ├─ trip
+  │  │  │  ├─ AddOurList.page.tsx
+  │  │  │  ├─ trip.page.tsx
+  │  │  │  └─ tripEdit.page.tsx
+  │  │  └─ wishList
+  │  │     └─ wishList.page.tsx
+  │  ├─ recoil
+  │  │  ├─ Auth.atom.ts
+  │  │  ├─ listItem.ts
+  │  │  ├─ modal.ts
+  │  │  ├─ plan.ts
+  │  │  ├─ review.ts
+  │  │  ├─ socket.ts
+  │  │  ├─ trip.ts
+  │  │  └─ tripDate.ts
+  │  ├─ router
+  │  │  ├─ mainRouter.tsx
+  │  │  ├─ routerLayout.tsx
+  │  │  ├─ ScrollToTop.ts
+  │  │  └─ socketRouter.tsx
+  │  ├─ utils
+  │  │  ├─ authSelectOptions.ts
+  │  │  ├─ calculatePercentage.ts
+  │  │  ├─ calculateTripDuration.ts
+  │  │  ├─ formatDate.ts
+  │  │  ├─ getColor.ts
+  │  │  ├─ getStarFill.ts
+  │  │  ├─ getTripIdFromUrl.ts
+  │  │  ├─ localStorageFun.ts
+  │  │  ├─ survey.constants.ts
+  │  │  └─ utils.ts
+  │  └─ vite-env.d.ts
+  ├─ svg.d.ts
+  ├─ tailwind.config.js
+  ├─ tsconfig.json
+  ├─ tsconfig.node.json
+  ├─ vercel.json
+  └─ vite.config.ts
+```
+
+</details>
+
+---
+
+### ✅ 개발 기간 : `5주 - 23.12.26 ~ 24.01.29`
diff --git a/image-1.png b/image-1.png
new file mode 100644
index 0000000..7e1dbf6
Binary files /dev/null and b/image-1.png differ
diff --git a/image-2.png b/image-2.png
new file mode 100644
index 0000000..56dcb3f
Binary files /dev/null and b/image-2.png differ
diff --git a/image.png b/image.png
new file mode 100644
index 0000000..1638b35
Binary files /dev/null and b/image.png differ