diff --git a/README.md b/README.md
index 28ad4c8..f0f6d3e 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,184 @@
-<img src="https://user-images.githubusercontent.com/61582017/235365397-a488b602-2513-4bd3-af0b-1c919d4ba35d.png" width=33%><img src="https://user-images.githubusercontent.com/61582017/235365068-3f51cc30-7881-4381-957f-4baaf98c4edf.png" width="33%"><img src="https://user-images.githubusercontent.com/61582017/235365056-f5b78e90-cee1-47b1-b5c4-b9687a1b139b.png" width="33%">
+<!-- Improved compatibility of back to top link: See: https://github.com/othneildrew/Best-README-Template/pull/73 -->
+<a id="readme-top"></a>
+<!--
+*** Thanks for checking out the Best-README-Template. If you have a suggestion
+*** that would make this better, please fork the repo and create a pull request
+*** or simply open an issue with the tag "enhancement".
+*** Don't forget to give the project a star!
+*** Thanks again! Now go create something AMAZING! :D
+-->
 
-웹 서비스 가보자고 &rarr; [Piickle](https://www.piickle.link/?utm_content=git1.2)
+
+
+<!-- PROJECT SHIELDS -->
+<!--
+*** I'm using markdown "reference style" links for readability.
+*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
+*** See the bottom of this document for the declaration of the reference variables
+*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
+*** https://www.markdownguide.org/basic-syntax/#reference-style-links
+-->
+[![Contributors][contributors-shield]][contributors-url]
+[![Forks][forks-shield]][forks-url]
+[![Stargazers][stars-shield]][stars-url]
+[![Issues][issues-shield]][issues-url]
+[![MIT License][license-shield]][license-url]
+
+
+
+<!-- PROJECT LOGO -->
+<br />
+<div align="center">
+
+[//]: # (  <a href="https://github.com/TeamPiickle/server">)
+
+[//]: # (    <img src="images/logo.png" alt="Logo" width="80" height="80">)
+
+[//]: # (  </a>)
+<img src="https://user-images.githubusercontent.com/47105088/223893873-97a6f639-3a8c-4bb7-aee8-b92c7d4ba55b.png" >
+<h3 align="center">Piickle server</h3>
+
+  <p align="center">
+    웹서비스 피클의 서버 저장소
+    <br />
+    <br />
+    <a href="https://www.piickle.link">View Demo</a>
+    ·
+    <a href="https://github.com/TeamPiickle/server/issues/new?labels=bug&template=bug-report---.md">Report Bug</a>
+    ·
+    <a href="https://github.com/TeamPiickle/server/issues/new?labels=enhancement&template=feature-request---.md">Request Feature</a>
+  </p>
+</div>
+
+
+<!-- ABOUT THE PROJECT -->
+
+## 🥒 Piickle
+### 지금 내게 필요한 대화주제 추천 서비스, 피클!
+
+<aside>
+
+#### 📍 1. 어색한 분위기 또는 침묵의 발생
+
+>필연적으로 발생하는 과정을 매끄러운 아이스브레이킹 과정을 통해서 넘길 수 있다면, 그리고 보다 서로에 대해 더 알 수 있도록 설계할 수 있다면 충분히 해결가능하다고 판단했습니다.
+
+-> 적절한 아이스브레이킹용 주제를 제시하며 대화주제 추천
+
+#### 📍 2. 오락과 재미에 치중된 대화에서 오는 회의감
+
+>재미있으면서도 진중한 대화 or 재미있는 주제에서 이어지는 진중한 대화를 만들어 가고자 합니다.
+
+-> 가볍고 유쾌한 주제에서 출발해서 깊고 진중한 대화까지의 자연스러운 추천 흐름
+
+#### 📍 3. 사람들이 공감하고, 집중할 수 있는 주제를 떠올리는 것에 있어서 한계
+
+>사람들 간의 공통적인 주제를 모아서 직접 주제에 대한 선호도를 나누면 좋겠다고 생각했습니다.
+
+-> 마음에 드는 주제를 북마크하고 모아서 볼 수 있도록 하는 아카이빙 기능
+
+</aside>
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+<br />
+
+## Service Preview
+
+### 1. Main
+<img src="https://user-images.githubusercontent.com/47105088/223893885-097e274c-f54d-4b07-8468-530e441155a3.png">
+
+### 2. Category
+
+<img src="https://user-images.githubusercontent.com/47105088/223893891-6d6983a2-f5b2-4d0a-8cab-15e0af97b264.png">
+
+### 3. Card
+<img src="https://user-images.githubusercontent.com/47105088/223893903-bae45dac-7d8a-4ff4-a76b-d42e567a0b98.png">
+
+### 4. My Piickle
+
+<img src="https://user-images.githubusercontent.com/47105088/223893909-a5f6ad0b-277a-4536-8158-9fc302081131.png">
+
+### 5. Piickle Me
+
+<img src="https://user-images.githubusercontent.com/47105088/223893927-66b78377-9ee3-49ac-871d-a72d9321a663.png">
+
+### 6. My Page
+
+<img src="https://user-images.githubusercontent.com/47105088/223893939-73d8c9ad-170d-4239-8a7a-008e970109ab.png">
+
+<br />
+
+
+<!-- GETTING STARTED -->
+## Getting Started
+
+This is an example of how you may give instructions on setting up your project locally.
+To get a local copy up and running follow these simple example steps.
+
+### Installation
+
+1. Clone the repo
+   ```sh
+   git clone https://github.com/TeamPiickle/server.git
+   ```
+2. Install yarn packages
+   ```sh
+   yarn
+   ```
+3. Enter your credentials in `.env` 
+4. Change git remote url to avoid accidental pushes to base project
+   ```sh
+   git remote set-url origin TeamPiickle/server
+   git remote -v # confirm the changes
+   ```
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+### Top contributors:
+
+<a href="https://github.com/TeamPiickle/server/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=TeamPiickle/server" alt="contrib.rocks image" />
+</a>
+
+
+
+<!-- LICENSE -->
+## License
+
+Distributed under the MIT License. See `LICENSE.txt` for more information.
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+<!-- CONTACT -->
+## Contact
+
+Kayoung Yoon - dev.kayoung@gmail.com
+
+Project Link: [https://github.com/TeamPiickle/server](https://github.com/TeamPiickle/server)
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+
+<!-- MARKDOWN LINKS & IMAGES -->
+<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
+[contributors-shield]: https://img.shields.io/github/contributors/TeamPiickle/server.svg?style=for-the-badge
+[contributors-url]: https://github.com/TeamPiickle/server/graphs/contributors
+[forks-shield]: https://img.shields.io/github/forks/TeamPiickle/server.svg?style=for-the-badge
+[forks-url]: https://github.com/TeamPiickle/server/network/members
+[stars-shield]: https://img.shields.io/github/stars/TeamPiickle/server.svg?style=for-the-badge
+[stars-url]: https://github.com/TeamPiickle/server/stargazers
+[issues-shield]: https://img.shields.io/github/issues/TeamPiickle/server.svg?style=for-the-badge
+[issues-url]: https://github.com/TeamPiickle/server/issues
+[license-shield]: https://img.shields.io/github/license/TeamPiickle/server.svg?style=for-the-badge
+[license-url]: https://github.com/TeamPiickle/server/blob/master/LICENSE.txt
+[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
+[linkedin-url]: https://linkedin.com/in/linkedin_username
+[product-screenshot]: images/screenshot.png