안녕하세요

보호되어 있는 글입니다.

tab menu를 학습하였습니다. tab menu에 slick slide를 넣을 때 display: none;을 주의해야합니다. 바르게 적용이 되지 않습니다. 대신에 visibility: hidden; 을 활용합니다. [tab menu에 slick slide 넣어 구현하기] [220617-html-css-js-written-in-html] [tab menu를 활용하여 지도에 위치 표시하기] [220617-html-css-js-written-in-html] tab menu를 만들고 slick을 적용합니다. js는 번호를 받아오는 것이 중요합니다. .index() 함수를 통해서 parent인 li의 index를 받아옵니다. $(".tab_menu > li > a").on("click", function (e..

[fullpage를 구현합니다. 휠이나 버튼 클릭에 반응하여 화면 높이 단위로 이동합니다.] [220616-fullpage-html-css-js] [mp4 동영상 삽입하거나, youtube 동영상을 배경으로 구현합니다.] [220616-동영상-html-css-js] fullpage와 youtube 동영상을 배경으로 만들기라는 멋있는 기술을 두 개나 배웠습니다. 오후에는 이력서 교육을 받았기 때문에 복습할 시간이 평소보다 적었습니다. 이번 주말에는 배운 내용 총 집합으로 사이트를 하나 구현해보려합니다. prettier - 길어진 attr로 인해 자동 줄바꿈이 생길 때 줄바꿈을 방지하는 방법입니다. Print width 속성의 값이 80으로 되어있는데 100~160으로 조절해주면 됩니다. 직접 업로드, yo..

[슬라이드 페이지 버튼, 이전과 다음 페이지, 재생과 정지 버튼, 페이지넘버 무한반복 구현] [ html / css / js ] 슬라이드가 변함에 따라 페이지 넘버가 올라가는 모션을 추가합니다. 슬라이드 게이지를 구현합니다. 재생과 일시정지 버튼이 전환되어 나타나도록 구현합니다. js는 코드가 복잡하지만 잘 살펴보면서 이해하는 재미가 있습니다. Wrap은 overflow: hidden; 으로 스크롤 바를 없애는 역할을 할 수 있습니다. id는 보통 가장 바깥쪽 박스에 부여합니다. 여기저기 사용하면 시스템에 부하를 많이 줍니다. 시안을 만들 때는 정보를 잘 전달할 수 있는 방법을 강구하는게 제일 우선됩니다. 디자인은 나중입니다. html 가장 기본 형태입니다. MENU01 MENU02 MENU03 MENU..