src
-
카카오톡 클론 코딩 #6 Chat Screen이거 공부 했더니 어때?/HTML & CSS & JS 2020. 11. 12. 05:05
이번시간에는 index.html에서 (4) 채팅창, chat screen을 만들어 보도록 하겠습니다. 그 전에, 각 창의 title, 제목 줄에 있는 아이콘들을 살펴 보겠습니다. 먼저, 친구창은 채팅창과 비교해서, header 부분에 comment, 말풍선을 지워주고, 유저아이콘을 넣어 주겠습니다. 검색창과 설정창은 일단 놔 두고, 게임별창은 comment, 말풍선과 음악, note 아이콘이 없으니, 지워 줍니다. 그리고 더보기 창에는 검색부분과 스캔하는 부분, 그리고 음악, 설정 기능이 있기 때문에, 코딩했던 부분에서, comment를 지워주고, 스캔 아이콘을 추가 해 주겠습니다. 먼저, 스캔은 QR코드 아이콘으로 사용해서, 카카오톡 더보기창과 유사한 화면을 만들어 줍니다. Status bar, 상태표..