[Documentation] README.md 최종본 완성

README.md

@@ -1,61 +1,215 @@
-<div align=center>
+# <img src="https://github.com/user-attachments/assets/482c5290-cfb9-43de-8b27-34231914a92a" style="height: 1em; vertical-align: middle;"> Wedit
 
-# Wedit-Backend
+![표지](https://github.com/user-attachments/assets/38077619-6e54-4ef4-b17f-6facb597ef09)
 
-### UMC Wedit-Project 백엔드 레포지토리
-#### [백엔드 노션 링크](https://www.notion.so/Spring-16edb6b0994880d7ad84e491d7440f2c)
 
-## BE Members
-<img width="160px" src="https://avatars.githubusercontent.com/u/106726806?v=4"/> | <img width="160px" src="https://avatars.githubusercontent.com/u/106726806?v=4"/> | <img width="160px" src="https://avatars.githubusercontent.com/u/106726806?v=4"/> | <img width="160px" src="https://avatars.githubusercontent.com/u/106726806?v=4"/> | 
-|:-----:|:-----:|:-----:|:-----:|
-|[동구 (김동윤)](https://github.com/dyk-im)|[동동 (김동섭)](https://github.com/dogsub)|[위즈 (이슬기)](https://github.com/leeseulgi0208)|[환이 (최경환)](https://github.com/KyunghwanChoi)|
-|리드 👨🏻‍💻|팀원 👨🏻‍💻|팀원 👨🏻‍💻|팀원 👨🏻‍💻|
-|화이팅!|화이팅!!|화이팅!!!|화이팅!!!!|
-|`인프라`<br/>|`유저`<br/>|`메인 도메인`<br/>|`서브 도메인`<br/>|
+##  서비스 소개
+<div align="left">
+<img src="https://github.com/user-attachments/assets/c1f238f8-b537-477f-9984-a5dd470f15b0" width="300">
+
+
+> 개발 기간: 2024. 1. 3 ~ 2025. 2. 21  
+
+**"Wedit: Wedding + Edit"**
+
+디지털로 만나는 나만의 특별한 커스텀 모바일 청첩장
+
+예비 부부들이 디지털 환경에서 쉽고 빠르게 결혼 소식을 알리고,
+자신만의 개성있는 모바일 청첩장을 제작할 수 있도록 돕는 웹 서비스
 
 </div>
-<br/>
-
-## 🛠️ Development Environment 🛠️
-![intellij](https://img.shields.io/badge/intellij-000000?style=for-the-badge&logo=intellijidea&logoColor=white)
-![aws](https://img.shields.io/badge/aws-FF9900?style=for-the-badge&logo=amazonec2&logoColor=white)
-
-## 🥞 Stacks 🥞
-| Name          | Description   |
-| ------------  | ------------- |
-| <img src="https://img.shields.io/badge/-Springboot-6DB33F?style=flat&logo=springboot&logoColor=white"> | Java 기반 Spring 베이스로 서버 프로그래밍을 할 수 있는 프레임워크.|
-| <img src="https://img.shields.io/badge/-Git-F05032?style=flat&logo=git&logoColor=white"> | 분산 버전 관리 시스템으로, 코드 히스토리 관리와 협업을 효율적으로 지원한다.|
-| <img src="https://img.shields.io/badge/-Notion-000000?style=flat&logo=notion&logoColor=white"> | 작업 관리 및 문서화를 위한 통합 협업 도구.|
-| <img src="https://img.shields.io/badge/-Discord-5865F2?style=flat&logo=discord&logoColor=white"> | 팀 커뮤니케이션 및 실시간 협업을 위한 음성 및 텍스트 기반 플랫폼.|
-
-## 💻 Convention 💻
-[🔗 Whole Convention Notion Link 🔗](https://www.notion.so/Spring-16edb6b0994880d7ad84e491d7440f2c)
-
-## 🌲 Branch Convention 🌲
-1. **기본 브랜치 설정**
-    - main : 배포 가능한 안정적인 코드가 유지되는 브랜치
-    - develop: 기본 브랜치로, 기능을 개발하는 브랜치
-2. **작업 순서**
-    1. **작업할 이슈 작성**
-    2. **작업 브랜치 생성**
-        - 기능 개발: `feature/#[이슈번호]-title`
-            - ex) feature/#111-login
-        - 리팩토링: `refactor/#[이슈번호]-title`
-            - ex) refactor/#111-login
-    3. **생성한 브랜치에서 작업 수행** 
-    4. **원격 저장소에 작업 브랜치 푸시** 
-    5. **Pull Request 생성**
----
-## 🧑‍💻 Code Convention 🧑‍💻
-**네이밍 규칙**
-- **변수/상수**: 카멜케이스 (예: `userName`)
-- **클래스/구조체**: 파스칼케이스 (예: `UserProfile`)
-- **함수/메서드**: 동사로 시작하며 카멜케이스 (예: `fetchData()`)
-
----
-## 💬 Issue Convention 💬
-## 🫷 PR Convention 🫸
-## 🙏 Commit Convention 🙏
-## 📁 Foldering Convention 📁
----
 
+## 👥 팀원 소개
+
+### Project Manager
+
+<table>
+  <tr>
+    <td align="center"><img src="https://github.com/cherry-p0p.png" width="160"></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/cherry-p0p">최리원</td>
+  </tr>
+    <tr>
+    <td align="center">Project Manager / PO</td>
+  </tr>
+</table>
+
+### Designer
+
+<table>
+  <tr>
+    <td align="center"><img src="https://github.com/user-attachments/assets/c7533101-92f2-4912-8ed5-bea417151579" width="160" height="160"></td>
+
+  </tr>
+  <tr>
+    <td align="center"><a href="">김민지</td>
+  </tr>
+    <tr>
+    <td align="center">Designer</td>
+  </tr>
+</table>
+
+### Frontend
+
+<table>
+  <tr>
+    <td align="center"><img src="https://github.com/ah-o-ng12.png" width="160"></td>
+    <td align="center"><img src="https://github.com/lyn0719.png" width="160"></td>
+    <td align="center"><img src="https://github.com/rhdmschdl.png" width="160"></td>
+  </tr>
+  <tr>
+    <td align="center">메인/로그인 페이지</td>
+    <td align="center">제작/로딩 페이지</td>
+    <td align="center">조회/작성 페이지</td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/ah-o-ng12">이아영</td>
+    <td align="center"><a href="https://github.com/lyn0719">이예나</td>
+    <td align="center"><a href="https://github.com/rhdmschdl">최고은</td>
+  </tr>
+    <tr>
+    <td align="center">FE Lead</td>
+    <td align="center">FE</td>
+    <td align="center">FE</td>
+  </tr>
+</table>
+
+### Backend
+
+<table>
+  <tr>
+    <td align="center"><img src="https://github.com/dyk-im.png" width="160"></td>
+    <td align="center"><img src="https://github.com/dogsub.png" width="160"></td>
+    <td align="center"><img src="https://github.com/leeseulgi0208.png" width="160"></td>
+    <td align="center"><img src="https://github.com/KyunghwanChoi.png" width="160"></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/ehs208">김동윤</td>
+    <td align="center"><a href="https://github.com/seokjun01">김동섭</td>
+    <td align="center"><a href="https://github.com/dyk-im">이슬기</td>
+    <td align="center"><a href="https://github.com/jj0526">최경환</td>
+  </tr>
+  <tr>
+    <td align="center">인프라/정보조회</td>
+    <td align="center">회원</td>
+    <td align="center">청첩장</td>
+    <td align="center">방명록/의사결정</td>
+  </tr>
+    <tr>
+    <td align="center">BE Lead</td>
+    <td align="center">BE</td>
+    <td align="center">BE</td>
+    <td align="center">BE</td>
+  </tr>
+</table>
+
+## 📱 주요 기능
+
+- **커스텀 청첩장 제작**
+<img width="1449" alt="스크린샷 2025-03-17 오후 5 05 40" src="https://github.com/user-attachments/assets/3e0d4b82-2edf-4c70-9391-ca914c687956" />
+
+- **테마 청첩장 선택 (기본형)** 
+<img width="1449" alt="스크린샷 2025-03-17 오후 5 08 41" src="https://github.com/user-attachments/assets/ca9708cb-2934-48a7-83f9-e84a74e73f3b" />
+
+
+- **테마 청첩장 선택 (전통형)**  
+<img width="1447" alt="스크린샷 2025-03-17 오후 5 08 53" src="https://github.com/user-attachments/assets/6fa3cd6d-b4a2-4a1b-ab5f-12a5f0ad4554" />
+
+- **IA**  
+<img width="682" alt="스크린샷 2025-03-17 오후 5 08 23" src="https://github.com/user-attachments/assets/bb4de0aa-4938-4332-a0c5-6739979190cb" />
+
+## 💻 화면
+
+<table align="center" style="border-collapse: collapse; width: 100%; max-width: 1200px; margin: 20px;">
+    <tr>
+        <td align="center" style="width: 50%; padding: 10px;">
+            <img src="https://github.com/user-attachments/assets/51d69616-e246-49a0-9883-413442fe98e5" alt="전통형 청첩장" style="width: 100%; max-width: 500px;">
+        </td>
+        <td align="center" style="width: 50%; padding: 10px;">
+            <img src="https://github.com/user-attachments/assets/85bb376e-4e9f-4baf-829d-91b09b8799e6" alt="기본형 청첩장" style="width: 100%; max-width: 500px;">
+        </td>
+    </tr>
+    <tr>
+        <td><p align="center"><strong>전통형 청첩장</strong></p></td>
+        <td><p align="center"><strong>기본형 청첩장</strong></p></td>
+    </tr>
+    <tr>
+        <td align="center" style="width: 50%; padding: 10px;">
+            <img src="https://github.com/user-attachments/assets/9553fa8c-5256-4c7c-b72d-fec2cbb13fc4" alt="제작하기 1" style="width: 100%; max-width: 500px;">
+        </td>
+        <td align="center" style="width: 50%; padding: 10px;">
+            <img src="https://github.com/user-attachments/assets/d4154508-a0c4-4292-9fe1-20e7913f7a97" alt="제작하기 2" style="width: 100%; max-width: 500px;">
+        </td>
+    </tr>
+    <tr>
+        <td><p align="center"><strong>제작하기 1</strong></p></td>
+        <td><p align="center"><strong>제작하기 2</strong></p></td>
+    </tr>
+    <tr>
+        <td align="center" style="width: 50%; padding: 10px;">
+            <img src="https://github.com/user-attachments/assets/b7f5f181-d947-444a-ac1f-80354a4f55f6" alt="마이페이지" style="width: 100%; max-width: 500px;">
+            <p align="center">
+        </td>
+        <td align="center" style="width: 50%; padding: 10px;">
+            <img src="https://github.com/user-attachments/assets/c1337571-13a6-4801-91bb-5bdaa96b08a6" alt="분석 보기" style="width: 100%; max-width: 500px;">
+            <p align="center">
+        </td>
+    </tr>
+    <tr>
+        <td><p align="center"><strong>마이페이지</strong></p></td>
+        <td><p align="center"><strong>분석 보기</strong></p></td>
+    </tr>
+    <tr>
+        <td align="center" style="width: 50%; padding: 10px;">
+             <img src="https://github.com/user-attachments/assets/4afa3e47-b00f-4d25-9e9c-07258e5d9ecc" alt="홈" style="width: 100%; max-width: 500px;">
+        </td>
+        <td align="center" style="width: 50%; padding: 10px;">
+            <img src="https://github.com/user-attachments/assets/38e17d5d-4bf0-4ad5-9788-cbbe982ed73b" alt="로그인" style="width: 100%; max-width: 500px;">
+        </td>
+    </tr>
+    <tr>
+        <td><p align="center"><strong>홈</strong></p></td>
+        <td><p align="center"><strong>로그인</strong></p></td>
+    </tr>
+</table>
+
+
+## ⚙️ 아키텍처 구조
+
+<img width="1510" alt="스크린샷 2025-03-17 오후 6 59 57" src="https://github.com/user-attachments/assets/89d08d7d-c5b7-4911-a015-ecc447dadc49" />
+
+
+## 🛠️ 기술 스택
+
+### Frontend
+![React](https://img.shields.io/badge/React-61DAFB?style=flat&logo=react&logoColor=black)
+![Recoil](https://img.shields.io/badge/Recoil-3578E5?style=flat&logo=recoil&logoColor=white)
+![Vite](https://img.shields.io/badge/Vite-646CFF?style=flat&logo=vite&logoColor=white)
+
+### Backend
+
+![Spring Boot](https://img.shields.io/badge/Spring%20Boot-6DB33F?style=flat&logo=springboot&logoColor=white)
+![Spring Security](https://img.shields.io/badge/Spring%20Security-6DB33F?style=flat&logo=springsecurity&logoColor=white)
+![JPA](https://img.shields.io/badge/JPA-007396?style=flat&logo=hibernate&logoColor=white)
+![Redis](https://img.shields.io/badge/Redis-DC382D?style=flat&logo=redis&logoColor=white)
+![MySQL](https://img.shields.io/badge/MySQL-4479A1?style=flat&logo=mysql&logoColor=white)
+![JWT](https://img.shields.io/badge/JWT-000000?style=flat&logo=jsonwebtokens&logoColor=white)
+
+### Infra
+
+![AWS S3](https://img.shields.io/badge/AWS%20S3-569A31?style=flat&logo=amazons3&logoColor=white)
+![AWS EC2](https://img.shields.io/badge/AWS%20EC2-FF9900?style=flat&logo=amazonec2&logoColor=white)
+![AWS RDS](https://img.shields.io/badge/Amazon%20RDS-527FFF?style=flat&logo=amazonrds&logoColor=white)
+![Docker](https://img.shields.io/badge/Docker-2496ED?style=flat&logo=docker&logoColor=white)
+![GitHub Actions](https://img.shields.io/badge/GitHub%20Actions-2088FF?style=flat&logo=githubactions&logoColor=white)
+![Nginx](https://img.shields.io/badge/Nginx-009639?style=flat&logo=nginx&logoColor=white)
+![Netlify](https://img.shields.io/badge/Netlify-00C7B7?style=flat&logo=netlify&logoColor=white)
+![Certbot](https://img.shields.io/badge/Certbot-3A579A?style=flat&logo=letsencrypt&logoColor=white)
+
+### Collaboration Tool
+![GitHub](https://img.shields.io/badge/GitHub-181717?style=flat&logo=github&logoColor=white)
+![Notion](https://img.shields.io/badge/Notion-000000?style=flat&logo=notion&logoColor=white)
+![Discord](https://img.shields.io/badge/Discord-5865F2?style=flat&logo=discord&logoColor=white)
+
+</div>