프로젝트를 하는 중에 사이드바를 만들게 되었다. 찾아보니 만드는 건 너무 쉬운데 말입니다? 꼭 내가 원하는 디자인은 없다는게 학계의 정설. 내가 원했던 사이드바 □ 페이지가 시작하자마자 나오기 □ 나올 때 본문 부분을 밀어내고 나오기 □ 그러면 당연히 사이드바를 닫으면 본문을 확장 시키기 처음에는 를 이용해서 JS 없이 구현 하려고 했으나, 본문과 사이드바를 구분하는 과정에서 닫기 버튼이 자꾸 사라지는 끔찍한 현상 발생... ㅎ z-index를 1000; 까지 줘보기도 했으나 자꾸 어디 갔는지 보이질 않고 날 힘들게 했다. 결국 방법을 바꿔서 스크립트를 사용하게 되었다.. [ Html CSS ] 1. 사이드바 네비게이션 (sidenav) 이라는 클래스 이름을 준 div를 생성 2. 사이드바안의 내용을 클..

wmode: 이 매개 변수는 Adobe Flash 플레이어와 관련이 있습니다. "opaque" 값은 Flash 플레이어가 완전히 불투명한 배경 위에 표시되도록 합니다. rel: 이 매개 변수는 관련 동영상을 보여줄지 여부를 결정합니다. "0" 값은 관련 동영상을 표시하지 않도록 합니다. autoplay: 이 매개 변수는 자동 재생을 사용할지 여부를 결정합니다. "0" 값은 자동 재생을 비활성화합니다. loop: 이 매개 변수는 반복 재생을 사용할지 여부를 결정합니다. "1" 값은 반복 재생을 활성화합니다. showinfo: 이 매개 변수는 동영상 정보를 표시할지 여부를 결정합니다. "0" 값은 정보를 표시하지 않도록 합니다. modestbranding: 이 매개 변수는 YouTube 로고를 표시할지 여부..

▶ 요소 추가/ 삭제 요소 생성 : document.creatElement("태그"); 요소 추가 : document.appendChild (요소) ; / 부모요소.appendChild (요소) ; 요소 삭제 : document.removeChild(요소); / 부모요소.removeChild(삭제요소) ; 요소에 이벤트 핸들러 추가 : 요소.핸들러 = 함수

▶ 요소 속성값 변경 ① 요소.attribute = 새 값; ② 요소.setAttribute ("속성명","값") document.getElementById( 'test' ).setAttribute( 'href', 'https://henniee.tistory.com' ); 아이디가 test인 요소를 찾아 그 요소의 속성을 href 로 바꾸고 값은 'https://henniee.tistory.com' 이것으로 할당하라 hennie t-story ③ 요소.getAttribute ("속성명"); //속성값 반환 var add = document.getElementById('test').getAttribute('href'); 아이디가 test인 요소의 속성 href 를 골라내 add 에 할당. 그리고선 add ..