[TeamProject] '방갑고' 5주차 회고 및 최종 발표 준비

🤪 5주 차는 최종 발표까지 딱 일주일이 남았던 시기..! 막바지여서 멘탈 관리나 스케줄 관리가 정말 중요한 5주 차였다.
아직 기능 구현이 덜 됐다면, 스케줄 조정을 해서 중요한 것에 제대로 초점을 맞추고, 빼야 할 기능이 무엇인지 등 확인을 해야 하니,, 여러모로 긴장되는 주차였다.

📌 '방갑고' 4주 차 회고 ⬇️

https://cyjcyj.tistory.com/190

[TeamProject] '방갑고' 4주차 회고

 

 

 

---

🏠 Project 방갑고 

 

 

✏️ 5주 차 진행 완료 (+발표 준비)

💁‍♀️ 기능 구현
👉🏻 1:1 채팅방 구현 및 StompJS를 통한 채팅 구현 (기존 메시지 가져오기, 메시지 송/수신 후 실시간 화면 표시 등)
👉🏻 회원가입 이메일 및 닉네임 중복 검사 추가 
👉🏻 FAB-FE 프로젝트 배포
👉🏻 전체적인 코드 통일을 위한 수정 및 CSS 수정

💁‍♀️ 발표 준비
👉🏻 시연 영상 제작
👉🏻 팀프로젝트 포트폴리오 노션 작성 및 정리

 

 

⚠️ 5주 차 트러블 슈팅(Trouble Shooting)

❗️ subscribe를 구독한 후, message를 보내기도 전에 close 되는 현상이 발생
1️⃣ 해결 시도) 임시로 Polling 기법을 사용하여, unsubscribe 시간을 조절 ➡️ 해결 X
✅ 해결) 할당한 Stomp.Client가 상태값에 제대로 할당되지 않음 (원인 : set상태값에 Stomp.Client가 아닌 기본 상태값을 넣음.. 휴먼 에러) ➡️ set상태값에 Stomp.Client 할당하여 제대로 작동 ➡️ Polling 기법 없이 제대로 subscribe / unsubscribe 작동

❗️ 채팅방의 기존 메시지를 가져와 채팅의 마지막 대화 내용으로 자동 스크롤 적용 ➡️ /chat 채팅 컴포넌트가 같이 스크롤되는 문제 발생
✅ 해결) scrollIntoView 대신 scrollTop 사용 후, 해당 태그에 ref={messageEndRef} 적용하여 해결

❗️ 배포된 링크와 proxy에 설정되어 있는 백엔드 서버 주소가 달라, 405 에러 발생
1️⃣ 해결 시도) vite.json 파일 생성 후 ➡️ { "rewrites": [{"source": "/(.*)", "destination": "/"}]} ➡️ 405 에러 발생
2️⃣ 해결 시도) destination에 백엔드 주소 추가 시도 ➡️ 보안 문제로. env 주소를 사용하고 싶었으나, 지원 X
3️⃣ 해결 시도) 백엔드 서버 특정 HTTP 메서드 차단 확인 ➡️ 모든 HTTP 메서드 허용 확인
✅ 해결) destination에 백엔드 주소 사용 후, 프론트 배포 주소 외에 차단

 

 

🎬 Wondershare Filmora 

👉🏻 Wondershare Filmora 프로그램을 사용하여 팀프로젝트 시연 영상을 제작했다.
시연 영상을 녹화하는 것부터가 난관이었다.. 기능을 유저 입장에서 사용하는 흐름으로 원테이크 녹화를 했는데, 조금만 실수해도 마음에 들지 않아 다시 찍고 찍고 또 찍어서 겨우 완성했다. 
영상 순서도 정말 중요했고, 구현한 기능을 모두 담으려고 했더니 시작하기 전보다 고려해야 할 점이 많아 당황도 했었다.. 😅
그래도 자막도 넣고, 설명이 조금 더 필요한 부분은 화살표나 발자국 등을 통해 포인트도 넣어 만족하는 결과물이 나와 지금은 너무 후련하다!! 팀원들한테 시연 영상 잘 만들었다고 칭찬도 받았고 ㅎㅎ 😁
근데 다신 만들고 싶지 않아.. 🤮

 

 

 📝 Notion

👉🏻 '방갑고' 팀 프로젝트 최종 정리! 
노션을 통해 '방갑고' 포트폴리오를 다 같이 작성했다. 
간단한 Overview와 아키텍처, ERD 등을 작성하였고, 추가로 주요 기능에 대한 GIF + (FE / BE 설명), Trouble Shooting까지!
그리고 마지막으로 팀원 소개도 추가해서 작성하여 정리하였다.
영상 제작 할 때까지는 똑같이 밤 새 가며 작업을 해서 팀 프로젝트가 끝났다는 느낌을 전혀 받지 못했는데, 
노션 정리를 하면서 '아.. 진짜 끝났구나..' 하는 느낌이 들었던 것 같다 😂

 

 

 

 

---

😭 다음 포스터에서는 팀 프로젝트 '방갑고' 최종 회고록을 작성하고, 마무리해야겠다.. 
너무 아쉽.. 정말 끝났구나!!