Merge pull request #315 from boostcampwm2023/develop

[Deploy] Week6 Ver3 배포

README.md

@@ -1,8 +1,45 @@
-# 🌟 별 하나에 글 하나 🌟 
+# 별 하나에 글 하나 🌟
+
 자신만의 우주에 기억을 담은 별을 띄우는 웹 추억 저장소
 
+<img src="https://github.com/boostcampwm2023/web16-B1G1/assets/80266418/b6f77114-9fdc-44bf-91fc-990edc9a918c" height='100'>
+
+<br />
+
+## 목차
+
+### [1. 프로젝트 소개]()
+
+- [<별 하나에 글 하나>를 만들게 된 계기]()
+- [기능 설명]()
+- [프로젝트 실행 방법]()
+
+### [2. 기술 스택]()
+
+### [3. 기술적 도전]()
+
+### [4. 팀원 소개](#🏃‍♂️-팀원-소개)
+
+### [5. 팀원 회고]()
+
 <br />
 
+## <별 하나에 글 하나> 서비스 소개
+
+### 기능 설명
+
+1. 로고 화면 -> 로그인 화면 -> 로그인하고 은하 들어가는 것까지
+2. 회원가입하고 은하 들어가는 것까지
+3. 코치마크 보여주기
+4. leva로 조절하는 것 보여주기
+5. 은하 수정하는 것 보여주기
+6. 글쓰기 창 보여주기
+7. 글쓰기 이후 별 커스텀하는 창 보여주기 -> 실제 생성된 별 보여주기
+8. 별 클릭해서 수정하고 삭제하는 화면
+9. 공유 모달에서 검색 상태 수정하는 화면
+10. 공유 링크 복사해서 실제로 들어가는 화면
+11. 다른 사람 은하 검색해서 들어가는 화면
+
 ### **"내 삶의 반짝이는 기억들을 은하로 만들 수 있다면 어떨까?"**
 
 남겨두고 싶은 순간을 찍은 사진과, 그 순간을 떠올리며 적은 글을 별에 담습니다.
@@ -18,7 +55,6 @@
 ### ☀️ 별글 작성하기
 
 > 소중한 기억을 잊지 않도록
-> 
 
 사진과 글을 담아 기억을 기록하고, 나만의 별을 생성할 수 있어요.
 
@@ -29,7 +65,6 @@
 ### 🌌 은하 둘러보기
 
 > 차곡차곡 쌓아온 추억들을 한 눈에 볼 수 있도록
-> 
 
 작성된 별글들이 모여 아름다운 은하가 돼요.
 
@@ -40,7 +75,6 @@
 ### 🔗 우주 공유하기
 
 > 내 삶의 기록들을 소중한 사람들과 함께 나눌 수 있도록
-> 
 
 나만의 우주를 링크를 이용해 공유할 수 있어요.
 
@@ -49,11 +83,43 @@
 <br />
 
 ### 💪🏻 자세한 프로젝트 진행과정은 wiki를 참고해주세요!
+
 https://github.com/boostcampwm2023/web16-B1G1/wiki
 
 <br />
 
-## 🌟 <별 하나에 글 하나>를 같이 만들어가는 사람들
+## ⚒️ 기술 스택
+
+[🔗 wiki 기술 스택 소개 바로가기](https://github.com/boostcampwm2023/web16-B1G1/wiki/%EA%B8%B0%EC%88%A0%EC%8A%A4%ED%83%9D-%EC%86%8C%EA%B0%9C)
+
+<img src="https://github.com/boostcampwm2023/web16-B1G1/assets/80266418/3a0507ca-1f7f-4fa1-add7-43d3e73515d4" height="500" />
+
+<img src="https://github.com/boostcampwm2023/web16-B1G1/assets/80266418/f2590ade-7a4d-4151-8024-c58b75c2c9ff" height="500" />
+
+### 기술 스택 선정 이유에 관한 팀원들의 글
+
+- [우리 팀이 Zustand를 쓰는 이유](https://velog.io/@greencloud/%EC%9A%B0%EB%A6%AC-%ED%8C%80%EC%9D%B4-Zustand%EB%A5%BC-%EC%93%B0%EB%8A%94-%EC%9D%B4%EC%9C%A0)
+- [Emotion 선택 시 고려사항](https://velog.io/@200tiger/Emotion-%EC%84%A0%ED%83%9D%EC%8B%9C-%EA%B3%A0%EB%A0%A4%EC%82%AC%ED%95%AD)
+- [Yarn berry로 모노레포 구성하기](https://velog.io/@minboykim/Yarn-berry%EB%A1%9C-%EB%AA%A8%EB%85%B8%EB%A0%88%ED%8F%AC-%EA%B5%AC%EC%84%B1%ED%95%98%EA%B8%B0)
+- [Vite, 왜 쓰는거지?](https://velog.io/@minboykim/Vite-%EC%99%9C-%EC%93%B0%EB%8A%94%EA%B1%B0%EC%A7%80)
+- [기술스택 선정이유 (NestJS, TypeORM, Docker, GitHub Actions)](https://velog.io/@qkrwogk/%EA%B8%B0%EC%88%A0%EC%8A%A4%ED%83%9D-%EC%84%A0%EC%A0%95%EC%9D%B4%EC%9C%A0-NestJS-TypeORM-Docker-GitHub-Actions)
+
+<br />
+
+## 💪🏻 기술적 도전
+
+### FE
+
+**Three.js + React-Three-Fiber를 사용한 우주 공간 구현**
+
+### BE
+
+<br />
+
+## 🏃‍♂️ 팀원 소개
+
+[🔗 wiki 팀원 소개 바로가기](https://github.com/boostcampwm2023/web16-B1G1/wiki/%ED%8C%80%EC%9B%90-%EC%86%8C%EA%B0%9C)
+
 <table >
   <tr height="130px">
     <td align="center" width="130px">
@@ -91,56 +157,34 @@ https://github.com/boostcampwm2023/web16-B1G1/wiki
   </tr>
 </table>
 
-<br />
-
-## 🌟 팀원 소개
 ### 🐙 J010 김가은 (FE)
+
 - 블로그: https://velog.io/@greencloud
+- 깃허브: https://github.com/KimGaeun0806
 - <별 하나에 글 하나>에서의 목표: 프로젝트 과정 하나하나 모두 기록으로 남기기. 기술블로그 열심히 써보기 👻
-- TMI: 최근에 헬스 시작했습니다. 💪🏻
-- MBTI: ESTJ
-- 팀원들에게 한 마디: 행복하세요
 
 ### 🐧 J016 김동민 (FE)
+
 - 블로그: https://minboykim.github.io/
+- 깃허브: https://github.com/MinboyKim
 - <별 하나에 글 하나>에서의 목표: 좋은사람들과 좋은시간보내기 ☕️
-- TMI: 펭귄이 세상을 지배할겁니다.
-- MBTI: ENTP
-- 팀원들에게 한 마디: 아자아자 화이팅
 
 ### 👾 J053 박재하 (BE)
+
 - 블로그: https://velog.io/@qkrwogk
+- 깃허브: https://github.com/qkrwogk
 - <별 하나에 글 하나>에서의 목표: 딥 다이브 경험! 🌊
-- TMI: 저 나이 안많아요ㅠㅠ
-- MBTI: ENTJ
-- 팀원들에게 한 마디: 모두 건강합시다.
 
 ### ⚽️ J073 송준섭 (BE)
+
 - 블로그: https://velog.io/@songjseop
+- 깃허브: https://github.com/SongJSeop
 - <별 하나에 글 하나>에서의 목표: 팀원들과 후회 없는 시간 보내기
-- TMI: 연애 3년차 ㅋㅋ 품절남 넘보지 마십쇼
-- MBTI: ENFP
-- 팀원들에게 한 마디: 같이 축구 할 사람?
 
 ### 🐰 J098 이백범 (FE)
+
 - 블로그: https://velog.io/@200tiger
+- 깃허브: https://github.com/bananaba
 - <별 하나에 글 하나>에서의 목표: 재미있는 결과물 만들기!
-- TMI: 쇼생크 탈출이 인생 영화에요!
-- MBTI: INTP
-- 팀원들에게 한 마디: 좋은 아침!
 
 <br />
-
-## 🌟 기술 스택
-
-<img src ="https://github.com/boostcampwm2023/web16-B1G1/assets/78800560/e6673bd3-4049-4487-adce-60ac87349362" width="50%">
-
-<br />
-
-| 구분 | 기술 스택 |
-| :---: | :----: |
-| Frontend | <img src="https://img.shields.io/badge/react-61DAFB?style=flat&logo=react&logoColor=black"> <img src="https://img.shields.io/badge/typescript-3178C6?style=flat&logo=typescript&logoColor=black"> <img src="https://img.shields.io/badge/threejs-black?style=flate&logo=three.js&logoColor=white"> React-Three-Fiber, Zustand, Emotion |
-| Backend  | <img src="https://img.shields.io/badge/typescript-3178C6?style=flat&logo=typescript&logoColor=black"> <img src="https://img.shields.io/badge/nestjs-%23E0234E.svg?style=flat&logo=nestjs&logoColor=white"> TypeORM |
-| DB | <img src="https://img.shields.io/badge/redis-%23DD0031.svg?style=flat&logo=redis&logoColor=white"> <img src="https://img.shields.io/badge/mysql-%2300f.svg?style=flat&logo=mysql&logoColor=white"> <img src="https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=flat&logo=mongodb&logoColor=white"> |
-| CI/CD | <img src="https://img.shields.io/badge/github%20actions-%232671E5.svg?style=flat&logo=githubactions&logoColor=white"> |
-| Deployment | <img src="https://img.shields.io/badge/docker-%230db7ed.svg?style=flat&logo=docker&logoColor=white"> <img src="https://img.shields.io/badge/nginx-%23009639.svg?style=flat&logo=nginx&logoColor=white"> Naver Cloud Platform |