Firebase_ 프로필 이름, 사진 바꾸기

 

firebase.user에 있는 updateURL 메서드를 사용하여 

프로필을 업데이트하려고 한다.

 

 

공식문서를 읽어보면 displyName과 phtoURL이라는 속성을 가지고 있다.

user가 가지고 있는 이름과 사진을 state로 설정한다.

 

 

이전에 했던거 복습 겸 숙제였던 항목.

 

text input 설정 및 file input 설정

file input API를 이용해서 url을 받아오고,

웹에서 받은 url을 newPhoto에 넣는다.

그리고 사진 변경 취소 버튼 설정.

 

 

업데이트 프로필 클릭 시 동작할 코드 

newPhoto가 있다면, 즉 input을 통해 사진을 넣었다면,

storage의 사용자id/profile/폴더에 phto라는 파일명으로 사진을 업로드한다.

그리고 photoURL은 store에 있는 url로 넣어준다.

 

이름이나 사진이 업데이트 될 경우,

updateProfile 메서드를 사용하여

displayName과 phtoURL을 바꿔준다.

(변경 되지 않았다면, state값들이 변경되지 않으므로 걱정할 필요 없다.)

사진이 변경됐을 경우, 제출하기전까지 state값이 그대로이므로,

제출 시 setNewPhoto를 사용한다.