코딩기록

캐러셀, 슬라이드쇼, 이미지로케이터 모두 이미지가 회전하는 패턴을 의미하는 표현이다.캐러셀은 이미지 > 이미지 캡션 > 인디케이터 영역으로 구분된다. wai-aria의 role="region" => 탐색 가능함. role="region"은 배너,컨턴트인포같은 랜드마크 역할에는 적절하지 않지만 해당 영역을 탐색할때 도움을 받을 수 있는 일반적인 랜드마트 역할이다.region은 문서의 영역을 식별하는데 도움을 준다.aria-roledescription="carousel" => role에 대한 상세한 설명.보조기기가 region을 탐색가능한 영역으로 인식하고 carousel이라고 정확한 정보를 전달받게 됨.carousel이 여러개일 경우 aria-label="생활용품 슬라이드 배너" 처럼 aria-label속..

홈피 상단 로그인바 html 구조와 css배치가 다를 때1. grow로 순서를 잡고 2. flex-grow로 간격을 px나 margin이 아닌 auto나 flex-grow 등 가변적 수치로 조절하는 것이 좋다. [ html ] 구조          ul class="login-bar">      li>a href="/">로그인a>li>      li>a href="/">회원가입a>li>      li>a href="/">고객센터a>li>      li>a href="/">즐겨찾기a>li>      li>a href="/">쇼핑나들이a>li>    ul>   먼저 li > a를 감싸고 있는 login-bar클래스의 ul을 display: flex로 배치했다.   순서를  order 를 사용해 [로그인 > ..