#5.0 User Avatar

1) 사용자의 프로필 이미지를 편집하고

2) 프로필의 timeline, 즉 본인이 작성한 tweet의 목록을 볼 수 있는 기능을 구현한다. 

 

대부분의 기능들은 이전의 내용을 잘 학습했다면 강의를 보지 않고도 구현할 수 있으므로 생략한다. 

이 과정에서 새로 배우게 된 몇 가지 내용들만 소개하겠다. 

 

Optional chaining

다음과 같은 코드가 있다. 

{ user?.displayname ? user.displayName : "Anonymous" }

 

여기서 사용된 user?.displayName의 ?.는 optional chaning이다. 

속성이 존재하지 않을 시 undefined를 return하여 미리 에러를 방지하는 문법이다. 

비교적 안전하게 사용할 수 있다는 장점이 있다. 

 

Firebase database's index

query문을 작성할 때 오류가 발생하는 경우가 있다. 

const tweetsQuery = query(
      collection(db, "tweets"),
      where("userId", "==", user?.uid),
      orderBy("createdAt", "desc"),
      limit(25)
    );

 

코드상으로는 전혀 문제가 없다. 

하지만 firebase console에서 설정을 마쳐야 한다. 

 

브라우저 console의 에러창에 나온 링크를 클릭해 firebase console에서 index를 활성화해주자. 

활성화가 완료되면 index가 자동으로 생성되어 더 빠르게 query문을 수행할 수 있다.