일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- backend
- Mongoose
- express
- heroku
- javscript
- Session
- Component
- JavaScript
- API
- MongoDB
- graphQL
- node.js
- HTML
- nodejs
- frontend
- 리액트
- CLONE
- pug
- form
- ES6
- Flutter
- GRID
- clonecoding
- ECMAScript
- NextJs
- TypeScript
- react
- CSS
- 자바스크립트
- DART
- Today
- Total
목록NavBar (2)
Enjoy Programming

이제 세번째 페이지인 chat페이지를 만들어 보자. 자 이번 페이지는 잘 생각해보면 간단하다. 이전에 만들었던 friends.html페이지에서 필요없는 부분 빼고 몇 부분만 수정 해주면 된다. 아 그리고 수정하기에 앞서 friends & chat페이지의 네브바에 default로 해놨던 #대신에 각각 링크에 연결될 html주소를 적어주자 그리고서 friends.html을 전부 복사해 chat.html에 붙여넣고 필요없는 부분을 살펴보면~~~ 상단 friends name display부분이 필요없으니 삭제 해주고 메인의 friends-screen에서 두번째 user-component칼럼부터는 아에 필요없다. 삭제 해주자. 이제부터 변경해야 할 부분을 찾아보자 먼저 nav-bar부분! user 아이콘이 변화가..

이틀 쉬었으니 열심히 다시 달려보자~~~ 오늘은 노마드코더 강의로 내비게이션 바를 만들고 강의를 주욱 들어보겠다 보통 네브바는 ul로 구성되고 그 안에 많은 리스트들로 구성된다고 한다~ 반드시는 아니지만 보통 그렇다 하니 그렇게 연습해보자 developer.mozilla.org/ko/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines HTML 구획과 개요 사용하기 - 웹 개발자 안내서 | MDN HTML 구획과 개요 사용하기 중요: 개요 알고리즘은 W3C의 최종 명세에 포함된 적이 없고, 브라우저와 보조 기술 중 알고리즘을 구현한 경우도 없습니다. 따라서 개요 알고리즘을 사용해 사용자에 developer.mozilla.org friends.html로 index...