navbar 디자인 && logout

오늘 한 내용

• navbar 디자인
• 카테고리 별 페이지 이동
• logout

오늘 배운 내용

• span은 inline 요소이기때문에 margin-top이 먹히지 않음. 따라서 inline-block으로 설정해주면 사용할 수 있음

캡쳐

 

소감

nav바에 처음으로 다양한 카테고리로 이동하는 기능을 추가했다. 그런데 nav에 logout 기능을 추가하면서 나름의 고민이 생겼다. firebase auth 관련 service를 authService에서 관리하는데 app에서부터 전달한다. 근데 nav가 hard mode / soft mode / collection / home 이 네군데에 다 등장하니까 app.jsx에서 전달 전달... 뭔가 이게 맞는건가 싶다. 원래 이렇게 더럽게 짜는건가...?

오류 일지

이미지 파일을 업로드하는데 계속해서 뜨질 않았다.

import해서 쓰는 방식이라 이것이 잘못 된 줄 알았는데 알고보니 태그를 image라고 써놨다...

img로 고치니까 바로 나왔다. 몇시간을 검색하고 끙끙거렸는데 진짜 열 받는다.