[Project]

Html semantic tagSVGdiv와 span, ul을 이용하여 element의 block,inline등의 속성을 알게 되었다.chrome developer tool의 사용법을 익혔다.Box-sizing(border-box와 content-box의 차이점)Res

기능 1 : 우측 상단 햄버거UI누르면, 레이어 노출 / 레이어 제외한 다른 곳을 누르면 레이어 닫힘기능 2 : 상단 메뉴 '숙소','체험'을 선택할 때마다 검색UI 바뀜.기능 3 : '체험' -> '날짜' 클릭 시 달력UI 노출 / 좌우 버튼 클릭 시 월 변경opac

캐러셀uicarouselUI 에 들어갈 이미지를 3장이라고 가정해보자.UI의 구성을 |3번이미지|1번이미지|2번이미지|3번이미지|1번이미지| 로 1번앞에 3번을, 3번뒤에 1번을 추가로 둔다.초기 translate3d값을 (-485px,0,0)으로 지정하여 1번

기능 Carousel UI Rolling UI 검색창 Focus시 Rolling Stop DropDown UI 검색창 클릭 시 DropDown UI 노출 DropDown UI 초기 상태는 Rolling UI와 같은 데이터 노출 마우스 일정시간 벗어나면, 초기 스타