[코코아톡 클론코딩] setting, chat page 구현, 상태 바 디버깅

settings

(디버깅을 위해 특정 영역에 배경색을 입혀주었다)

- settings 안의 이모티콘과 글자들을 배열해줬다.

- more 페이지로 이동할 수 있도록 screen header alt 바를 만들었다.

- 바가 스크롤이 바뀌어도 존재하도록 position을 조정했다.

---

chat

- chats 페이지에서 개별 chat 페이지로 이동할 수 있도록 만들었다.

- chat 페이지에도 screen header alt 바를 추가했다.

- 배경 색을 조정했다.

---

디버깅 완료

 relative로 위치시킨 아이콘들이 겹쳐 보이는 것을 z-index로 해결했다. status 바의 z-index를 높게 설정하여 가장 위에 드러나도록 바꿔주었다.

---

디버깅 필요

- chat과 settings의 위는 거의 같은데 화면에서는 다르게 표현된다.

- settings의 main이 위의 내용에 가려지지 않도록 아래로 내려야 한다.