inflearn logo
강의

講義

知識共有

フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]

combineReducers

Favorite.js 질문입니다.! 화면 새로고침하면, 추가한 Favorite chatrooms가 날라가고 딱 1개만 남습니다!

296

bawl go

投稿した質問数 10

0

Favorite.js 질문입니다.! 화면 새로고침하면, 추가한 Favorite chatrooms가 날라가고 딱 1개만 남습니다!

 

MessageHeader에서 채팅방 하트 꾸욱 눌러 favorite에 넣으면,

SidePanel에 Favorite이 업데이트되어 채팅방이 입력됩니다.

Favorite 채팅방 목록 나오고, 개수까지 다 잘 나와요;

잘 됩니다.

 

하지만, F5 새로고침을 누르면 Favorite에는 결국, 1개의 채팅방만 나오고 나머지는 싹 다 날라갑니다.

최초에 파이어베이스에서 채팅방목록을 모두 못불러오는것 같아요.

코드 수정을 해야할 것 같은데요,

작성해주신 코드를 보면 잘못된건 없는것 같은데 왜 그럴까요?

react 웹앱 firebase

回答 1

0

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

화면 새로고침 시 Favorite 채팅방이 저장되지 않는 문제가 생겼다고 하셨군요. 먼저, 보낸 내용 중 최초에 파이어베이스에서 채팅방 목록을 모두 불러올 수 없는 것 같다고 하셨는데, 이 부분은 어떤 이유에서 생기는 문제인지 자세한 내용을 알려주시면 더 정확한 답변을 드릴 수 있을 것 같습니다.

그리고 F5 새로고침 시에도 Favorite 채팅방이 사라지지 않도록 하려면, 브라우저에 저장하는 방식으로 해결할 수 있을 것 같습니다. localStorage나 sessionStorage를 활용하여 화면 새로고침이 발생해도 Favorite 채팅방을 유지할 수 있을 것입니다. 코드 수정이 필요할 수 있으니 참고해주세요.

이상입니다. 불분명한 답변이나 원인 파악 부족으로 인한 오류는 해결을 돕지 못할 수 있으니, 좀 더 구체적인 문제 상황과 코드를 제공해주시면 보다 정확한 도움을 드릴 수 있을 것 같습니다. 감사합니다.

ESlint

0

133

1

현 강의자료는 이해는 했는데, 그럼 전 강의자료는 이젠 활용을 못하나요?

0

97

0

배포 후 빈페이지

0

148

1

notification 관련 질문에 AI가 엉뚱하게 대답하여 다시 질문합니다.

0

139

1

notification 관련 부분은 예전 강의를 들어야 하나요?

0

141

1

npm run build시 오류가 있습니다.

0

221

1

이미지 업로드시 403에러가 발생하는데 해결법이 있을까요?

0

769

1

이건 어디에 저장이 되는 것인가요?? redux에 저장이 되는 것인가요??

0

255

1

eslint 질문 있습니다.

0

233

1

npm create react app

0

313

2

[리덕스 미들웨어]강의 중에 createStore에서 막혔습니다.

0

526

3

회원가입 유효성 부분 페이지 안뜨는 이유 좀요....

0

283

1

강의 pdf 파일

0

432

2

파이어베이스 파일 삭제, 사진 업로드 기능 오류

0

329

1

firebase 초기화 오류

0

595

1

mime-types 패키지를 import 할 때 에러 발생

0

279

1

리덕스 스토어에 로그인 유저 정보가 저장이 되지 않는 문제

0

340

1

강의 리뉴얼 일정을 알 수 있을까요?

0

369

1

완성본으로 제공된 코드를 구동시켜보려면

2

407

1

DB와 강의 리뉴얼

0

504

1

next.js 환경에서 이 수업을 들을 수 있나요?

0

389

1

Cannot read properties of undefined (reading 'isLoading') 오류 해결법 혹시 알 수 있을까요...

0

509

1

addChatRoom 함수 작성시

0

277

1

강의 도표 자료 다운을 받으면, zip파일에 아무것도 들어있지않다고 나옵니다.

0

246

1