merge: README 구조, 기술스택 추가 (#109)

merge: README 구조, 기술스택 추가 (#109)

README.md

@@ -1,5 +1,40 @@
 ![SPOT로고](https://github.com/user-attachments/assets/93c579bb-392b-4f00-9777-fc0c991c40ca)
 
+<div align="center">
+<a href="https://m.onestore.co.kr/mobilepoc/apps/appsDetail.omp?prodId=0000778813"> <img src="https://github.com/user-attachments/assets/29d25c0a-9f02-40b4-9afe-1c7117f48d39" alt="원스토어" width="200px">
+</a>
+</div>
+
 ### 한국 미디어 콘텐츠 속 Set-Jetting 여행을 위한 통합 여행 서비스!
 
 촬영지 정보 획득을 넘어 인근 여행지, 맛집, 숙소 추천까지!
+
+```
+SPOT!은 한국 드라마와 영화 속 촬영지를 중심으로 여행을 계획하고 기록할 수 있는 통합 여행 서비스입니다.
+전 세계 K-콘텐츠 팬들이 드라마나 영화 제목으로 촬영지 정보를 손쉽게 얻고, 주변 관광 명소, 맛집, 숙소 정보를 함께 제공받아 다채로운 여행을 즐길 수 있습니다.
+```
+
+### 구조
+
+통일된 디자인 시스템을 구성하여 빠르게 개발하기위하여 Yarn workspace를 이용한 모노레포를 구성하였습니다.
+
+디자인 시스템은 [여기](https://trip-spot.github.io/SPOT-Client/)에서 확인하실 수 있습니다.
+
+<div align="center">
+<a href="https://trip-spot.github.io/SPOT-Client/">
+<img width="1710" alt="image" src="https://github.com/user-attachments/assets/23239d9d-587f-4f81-837d-ff6b8a99d87d">
+</a>
+</div>
+
+### 기술 스택
+
+<div align="center">
+    <img src="https://img.shields.io/badge/Yarn-workspace-06B6D4?logo=Yarn&logoColor=white"> 
+    <img src="https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=white">
+    <img src="https://img.shields.io/badge/ReactNative-61DAFB?logo=React&logoColor=white">
+    <img src="https://img.shields.io/badge/Nativewind-06B6D4?logo=tailwindcss&logoColor=white"> 
+    <img src="https://img.shields.io/badge/React Query-FF4154?logo=React Query&logoColor=white"> 
+    <img src="https://img.shields.io/badge/Sentry-362D59?logo=Sentry&logoColor=white"> 
+    <img src="https://img.shields.io/badge/Storybook-FF4785?logo=Storybook&logoColor=white"> 
+    <img src="https://img.shields.io/badge/Webpack-8DD6F9?logo=Webpack&logoColor=white"> 
+</div>