채팅 페이지 새로고침 시 화면 초기화 방지

수정 내용

채팅 페이지(/chat)에서 새로고침 관련하여 수정했다. 내용은 아래와 같다.

채팅 페이지 새로고침 시 기존에 선택한 채팅 또는 영수증 출력이 초기화 되지 않게 구현함. 세션 스토리지에 선택 정보를 저장해 새로고침 시 불러오도록 함.

1. 사이드바에서 카테고리 선택 후 새로고침 시, 카테고리가 업무 가이드로 초기화 되지 않고 선택된 것을 유지.

2. 업무 가이드: 기존 대화 내역 선택 후 새로고침 시 기존 대화 내역 출력이 사라지지 않게 수정. (수정 전: 기존 대화 내역 출력이 사라지고 화면 초기화)

3. 업무 가이드: 새 채팅 생성 버튼 클릭 후 새로고침 시 새 채팅이 목록에서 사라지게 함. 새 채팅이 중복해서 생기는 것을 방지함.

4. 영수증 처리: 기존 영수증 내역 선택 후 새로고침 시 기존 영수증 내역 출력이 사라지지 않게 수정. (수정 전: 기존 영수증 내역 출력이 사라지고 화면 초기화)

5. 영수증 처리: 새 영수증 생성 버튼 클릭 후 새로고침 시 새 영수증이 목록에서 사라지게 함. 새 영수증이 중복해서 생기는 것을 방지함.

6. 관리자 페이지나 마이페이지, 로그아웃과 같이 다른 페이지로 이동 후 다시 채팅 페이지로 올 경우, 세션 스토리지에 저장된 선택 정보가 초기화됨. 기존에 선택한 채팅 또는 영수증이 다른 페이지로 갔다 왔을 때 그대로 유지하지 않고 초기화 되게 함.

7. 사이드바 상단에 나비 로고 클릭 시 세션 스토리지에 저장된 선택 정보가 사라지고 화면이 초기화 됨.

교훈: 코드의 구조와 내용 이해하기

지피티가 알려주는 대로 쓰는 걸 넘어, 내가 남에게 코드를 설명할 수 있을 정도로 코드의 구조와 내용을 이해하는 것이 중요하다는 걸 느꼈다.

오늘 동욱 오빠한테 코드를 설명해주려 했을 때, 코드 한줄 한줄은 무슨 의미인지 알겠는데 코드 구조를 모르니까 설명할 수가 없었다.

스스로의 부족함을 느끼고, 구조를 논리적으로 설명할 수 있도록 갈고 닦은 흔적이다. 앞으로도 구조를 잘 파악할 수 있기를~!

---

테스트 산출물 작성 중

처음 적어보는 거라 몰랐는데, 시간이 꽤 오래 걸린다. 😅
오늘은 채팅 페이지 까지 적었다. 이제 관리자 페이지, 마이 페이지도 적어야 한다. 파이팅~

---

Vercel로 화면 띄우기

팀 프로젝트 깃 저장소를 내 개인 계정으로 복사해서 가져온 뒤, 루트 경로를 frontend로 설정해 Deploy 한다. 그럼 위와 같은 화면이 뜨는데, Visit를 누르면 화면이 띄워진다!

💡 내일 할 일: 로컬에 임베딩 해서 답변 잘 받아지는지 확인하기.

참고: 팀 프로젝트 깃 저장소를 내 개인 계정으로 복사해 가져오는 방법
1. 저장소 복제(clone) 후 내 저장소에 푸시(push)
2. 포크(fork) 기능 사용