프로젝트48 [코코아톡 클론코딩] navigation bar 완성, friend bar - 각 페이지로 이동할 수 있는 navigation bar를 완성했다. - 읽지 않은 채팅을 나타내는 알림을 말풍선 아이콘 옆에 배치해주었다. - 그리고 제일 마지막 아이콘 옆에도 알림을 배치해주었다. - friends 페이지에 가면 제일 위에 뜨는 friend bar를 만들었다. - friend bar는 다른 페이지에서 활용하여 사용하기 때문에 components 폴더에서 따로 관리한다. https://github.com/soaringwave/html-JS-css/commit/e4eaa1f3b5c9ff35f11d19dc0b0af64ccb02e5a8 2023. 1. 8. [코코아톡 클론코딩] login page, navigation bar - status-bar를 정렬했다 - 스크롤이 어디에 있든 제일 위에 위치하도록 설정했다 - input들의 상태(hover, focus)에 따라 특정 색으로 나타냈다 - log in을 완료하면 위와 같이 친구 목록 페이지로 이동하게 했다 - 아래에 여러 페이지로 이동할 수 있는 링크를 아이콘으로 나타냈다(nav-bar) - 어떤 스크롤에 있든 nav-bar가 제일 아래에 위치하도록 했다 https://github.com/soaringwave/html-JS-css/tree/main/kokoa%20talk 2023. 1. 6. [코코아톡 클론코딩] status bar + icon index.html 파일을 생성하여 카카오톡의 첫, 기본 페이지를 만들고 있다. - 사용자의 네트워크, 현재 시간, 배터리 상태를 나타내는 status bar를 만들었다. - 필요한 icon은 font awesome(https://fontawesome.com/)에서 코드 복사 후 붙여넣기를 했다 https://github.com/soaringwave/html-JS-css/commit/bd761f62e7ee35cc6bcab1ed774630e722a7b901 2023. 1. 5. [노마드스터디] 주간회고록 1주차 이번 주 목표 [✅] 코코아 클론코딩 강의 클론 부분까지 수강 [✅] 주간 회고록 모음집 만들기 이번 주 결과 강의 무사 수강 완료 내가 만들 것 아이디어 스케치 함 모든 과제 제출 및 복습 완료 😭 버리거나 고쳐야하는 것 퀴즈 문제의 뜻을 올바르게 해석하는 힘을 길러야겠다. 1주차 오답노트 나중에 블로그에 업로드 하고자 코드 수정하기를 꺼려하는 때도 있는데, 강의는 언제든 복습할 수 있으니 계속 시도해야겠다. 😎 계속 해야 할 것 오전에 약 30분 더 일찍 공부를 시작하자. 클론 코딩에만 초점을 맞추지 말고 배운 것을 활용해 내가 만들고 싶은 것을 구현하자. 💬 공유하고 싶은 고민이나 질문 10주 챌린지와 복습, 백준 알고리즘 문제 해결, 다른 프로그램 참가 및 수강 등을 하고 있는데, 시기적절한지 조.. 2023. 1. 5. 이전 1 ··· 9 10 11 12 다음
