Update README.md

README.md

@@ -1,10 +1,63 @@
 <h1 align="center">
-  <img src="https://github.com/boostcampwm2023/web08-ByeolSoop/assets/49023654/1e509f39-6de8-47ef-a1a3-27abc0d65030" alt="icon" width="250">
+  <img src="https://github.com/boostcampwm2023/web08-ByeolSoop/blob/main/FE/src/assets/logo.png" alt="icon" width="250">
   <br>
   별숲
   <br>
 </h1>
-<h3 align="center">💫 서로를 잇는 다이어리, 별숲 💫</h3>
+<h3 align="center">💫 당신의 이야기를 잇는, 밤하늘 별자리 다이어리 💫</h3>
+
+<br>
+
+## 프로젝트 소개
+
+### ✦ 별숲에 작성하는 일기장 서비스
+
+`#일기` `#밤하늘` `#연결` `#감정분석`
+
+- `three.js` 그리고 `React-Three-Fiber`를 통해 3D 밤하늘 뷰를 구현하여, 밤하늘에 별의 형태를 갖는 일기장을 작성하는 서비스입니다.
+- [CLOVA Sentiment](https://www.ncloud.com/product/aiService/clovaSentiment)를 활용하여 일기의 감정을 분석하고, 감정에 따라 별(일기)의 색을 변경합니다.
+- 별과 별 사이를 잇는 별자리 구성, 별의 모양 커스텀과 태그 편집 기능 등의 개인화 서비스에 집중합니다.
+
+<img width="709" alt="스크린샷 2023-12-08 오전 10 54 27" src="https://github.com/boostcampwm2023/web08-ByeolSoop/assets/44529556/6487f421-305d-4770-af37-16fde97c2f30">
+
+
+## 주요 기능
+
+✦   **밤하늘에 오늘 하루 이야기를 담은 나만의 별을 수놓아보세요.** <br><br>
+✦   **모양과 태그로 나만의 별을 기억하세요.** <br><br>
+✦   **그 날의 감정이 고스란히 녹아든 예쁜 별들이 하늘에 피어납니다.** <br><br>
+✦   **별을 연결해 나만의 별자리를 만들어보세요.** <br><br>
+✦   **모양이나 태그 등을 통해** 내가 쓴 별들을 모아볼 수 있어요. <br><br>
+✦   **1년 동안 쌓인 별들의 아름다운 기록을 살펴보세요.** <br>
+
+<br>
+
+## 도전 과제
+
+### FE
+
+- **3D 밤하늘 뷰의 구현**
+- **SPA 페이지네이션**
+
+### BE
+
+- **개인 데이터와 전체 서비스의 보안**
+- **명확한 테스트 코드**
+
+<br>
+
+## 기술 스택
+- FE: JavaScript, React, Styled-components, Recoil, React-Query, three.js, React-Three-Fiber
+- BE: NestJS, Typescript, TypeORM, MySQL, Jest
+- Deploy: Naver Cloud Platform, Docker, Nginx, GitHub Actions
+- Collaboration: GitHub, Notion, Discord, Slack, Figma
+
+<br>
+
+## 시스템 아키텍처
+
+<img width="500" src=https://github.com/boostcampwm2023/web08-ByeolSoop/assets/44529556/f71b23ee-fa38-4739-a2c9-523dc2d2152f/>
+
 
 ## 별숲 노션
 - [노션 메인 페이지](https://byeolsoop.notion.site/6ee66b92d165412e9954c35d223cfab4?pvs=4)