[심화프로젝트] 9쪽이들 - 상세페이지에 닉네임 보이게하기 (3일차)

로그인을 하고 게시글을 작성하면 그 게시글에 닉네임을 보이게 하고 싶었다.

---

문제

게시글 작성할 때 들어가는 id 값을 nanoid에서 useEmail로 했다. 그렇게해서 상세페이지에 닉네임을 뜨게 했다.

근데 문제는 해당 이메일이 게시글 작성을 한 번 밖에 못한다는 것이다.

알아보니 json-server는 하나의 아이디로만 쓸 수 있고 여러개를 작성하려면 바뀌는 아이디를 사용해야한다고 한다. 

그래서 id값을 다시 nanoid로 바꿔서 다시 생각을 했다.

 

해결

이메일이 안되면 닉네임으로 가져와야겠다고 생각했다. nanoid를 그냥 두고 author라는 값을 추가해줬다.

새로운 게시글이 추가되는 로직이다. 

    const newData = {
      id: nanoid(),
      title: title,
      choice1: choice1,
      choice2: choice2,
      content: content,
      author: displayName,
    };

닉네임이 보여져야하는 부분에 { data?.author } 를 추가하여 보여줬다. 

 

그리고 로그인할 때만 수정, 삭제 버튼 보이게하기와 모든 상세페이지에 작성한 유저의 닉네임도 보이도록 했다.

로그인할 때만 수정, 삭제 버튼 보이게하기

모든 상세페이지에 작성한 유저의 닉네임도 보이게하기

 

 

---

놓친 점

닉네임 보이게 하려고 1시간 이상은 붙잡고 있었다. 코드를 완성했지만 계속 닉네임이 뜨지 않아서 계속 코드를 보고 있었다. 그러다가 새로고침을 하고 새로운 게시글을 추가하고 다시 확인하니 닉네임이 잘 들어와있었다. 

새로운 코드를 추가하면 새로고침을 하고 게시글을 추가하면 확인을 했었어야했는데 닉네임이 안 뜬다는 것에만 신경을 써서 생각을 하지 못했다. 만약에 새로고침을 하고 시험을 하면서 했으면 더 빨리 끝내지 않았을까하는 아쉬움이 있다..

 

---

느낀 점

닉네임을 보이게 하는데 많은 시간을 썼다. 더 빨리 끝낼 수 있었다는 아쉬움이 있었지만 이번 계기로 사소한 것에도 신경을 써야한다는 것을 알게되었다..