[docs] README 업데이트(주소 변경, 기능에 대산 세부 동작 과정 이미지 추가)

README.md

@@ -3,7 +3,7 @@
 > [백엔드 Wiki](https://github.com/Java-and-Script/pickple-back/wiki) <br>
 > [프론트엔드 레포지토리](https://github.com/Java-and-Script/pickple-front)
 
-### 🔗 [픽플 이용하기](https://pickple.kr)
+### 🔗 [픽플 이용하기](https://pickple-deploy.vercel.app)
 <img width="1388" alt="image" src="https://github.com/Java-and-Script/pickple-back/assets/49775540/ebe4d96a-4b4b-477e-bec1-51ebf84b3fd2">
 
 <img width="1388" alt="image" src="https://github.com/Java-and-Script/pickple-back/assets/49775540/6347af69-37a6-433c-a2c4-64eaa586bd06">
@@ -35,6 +35,31 @@
 
 ---
 
+## 주요 기능 동작 과정
+
+### 채팅
+![image](https://github.com/Java-and-Script/pickple-back/assets/92444744/a865c6a2-97a6-455f-aa27-cae89c38767a)
+- WebSocket과 Stomp, SockJS를 통한 실시간 채팅 구현
+
+### 알림
+![image](https://github.com/Java-and-Script/pickple-back/assets/92444744/5790e26d-6e9d-420c-827e-43739c1d2d5f)
+- SSE를 통한 알림 구현
+
+### 랭킹
+![image](https://github.com/Java-and-Script/pickple-back/assets/92444744/fc091492-baa8-4f58-836a-f2aea000d054)
+![image](https://github.com/Java-and-Script/pickple-back/assets/92444744/3a02043f-7192-4df1-a25c-9ad60d8b1cd4)
+- Redis를 활용한 랭킹 구현
+
+### 경기 상태 변경
+**[개선 전]**
+![image](https://github.com/Java-and-Script/pickple-back/assets/92444744/bc2396a2-a7a1-4e5c-a002-ace3a628cc94)
+
+**[개선 후]**
+![image](https://github.com/Java-and-Script/pickple-back/assets/92444744/4cc5c475-0b95-4f0e-b417-3904f54bce0a)
+- Redis Keyspace Notification을 활용한 경기 상태 변경
+
+---
+
 ### 팀원
 프론트엔드
 <table>