9주차 기능 추가 및 수정 사항
v-talk : https://v-chat-ade97.web.app/
9주차 평가 목록
- 프로필 구현
- 채팅방 생성 이후에도 유저 초대할수 있도록 추가로 구현
- 음성채팅 채팅방마다 나뉠수 있도록 구현
- 텍스트, 음성채팅 접속유저 나타나게 구현
- ui 개선
프로필 구현
회원가입을 할 때 닉네임 아래에 프로필 사진을 넣을 수 있습니다.
닉네임 적고 사진 선택하고 저장을 누르면 프로필이 생성 되면서 로그인이 됩니다.
로그인 후에 메인 화면 오른쪽위에 표시가 됩니다.
프로필을 클릭하면 아래에 설정이나 기능들이 나열 되어있다.
사진이 저장될때 Firestore Database에서는 photoURL항목에 추가된다.
회원가입 중에 프로필사진을 까먹고 안 넣었다면 사진 부분에 색깔이 사용자의 uid를 해싱하여 고유한 색상을 배정합니다. 색상 배열은 bgColors로 정의되어 있으며, 추가 또는 변경 가능합니다.
프로필 수정 구현
프로필 수정하는 방법은 설정으로 가면 수정할 수 있다.
파일을 선택하고 프로필 사진 변경 버튼을 누르면 “프로필 사진이 변경되었습니다.” 팝업과 함께 변경 가능하다.
다음주 계획
- 채팅방 생성 이후에도 유저 초대할수 있도록 추가로 구현
- 음성채팅 채팅방마다 나뉠수 있도록 구현
- 텍스트, 음성채팅 접속유저 나타나게 구현
Leave a Reply