본문 바로가기

HTML2

skip-nav / 스킵 네비게이션 (메뉴 건너뛰고 바로 본문으로 이동/웹접근성에 필수 요소) 학원에서 배워 잘 써먹고 있는 skip 네비게이션의 마크업와 스타일.접근성에 필수이기 때문에 무조건 넣어줘야 한다! (보통 메뉴바로가기, 본문바로가기, 하단정보바로가기 이렇게 3개의 메뉴를 넣는 것 같다.) 마크업본문 바로가기 스타일#skip-nav{ position: fixed; left: 0; top: -40px; width: 100%; line-height: 40px; text-align: center; background-color: rgba(0, 0, 0, 0.8); color: #ffffff; font-size: 16px; transition: top 0.3s; z-index: 100000;} 2024. 2. 23.
프론트엔드 개발 취업 아카데미 [1일차] 오리엔테이션/HTML/CSS 1월 11일 드디어 학원 수업 개강. 1월 11일 ~ 4월 12일 오전 10시 ~ 오후 5시월 ~ 목 (월~수 까지 개발 수업, 목요일은 포폴 제작)이 학원의 과정을 선택하기 전에 고민을 많이 했던 이유는 UI 개발이 수업의 많은 비중을 차지하고 있었기 때문이다. 리액트와 뷰는 수업과정의 막바지 스케줄에 포함되어 있었고 그것도 기간이 매우 짧았다. 하지만 리액트, 뷰, 스벨트 등 프레임워크와 라이브러리는 일단 잊고 HTML, CSS, JS의 기본 개념과 본질을 다잡는 게 우선이라고 생각했다. 기본기가 제대로 갖춰져 있어야 어떤 프레임워크를 사용하든 형식에 맞게 바꾸면 되는거니까(쉽지 않겠지만😁) 수업 과정에서 가장 높은 비중을 차지하는 것은 플러그인을 사용하지 않고 UI 직접 개발하기. 이거 수료하고 .. 2022. 1. 12.