수업내용 썸네일형 리스트형 [수업내용] 그누보드..에 슬릭 넣기(간단하게) 보호되어 있는 글입니다. 더보기 [수업내용] 그누보드를 해보겠..다!(처참하게 졌다..) 보호되어 있는 글입니다. 더보기 [수업내용] 현대엘리베이터 실습_react 보호되어 있는 글입니다. 더보기 [수업내용] 2022.09.05. 2022.09.05. 수업내용정리 document.querySelectorAll 이렇게 시작하는 것은 배열이다! 더보기 [javascript] 현대엘리베이터 실습_javascript 현대엘리베이터 실습_javascript 2022.09.01 window.addEventListener('DOMContentLoaded', () => { }) $(function){ }과 같음 document.querySelector('.Wrap').style.color = 'red' $('.Wrap').css("color", "red") 또는 .css({color:'red'}) 와 같음 document.querySelectorAll('.Wrap').style.color = 'red'; console.log(document.querySelectorAll('.Wrap')) all은 노드리스트를 가지기 때문에 순회해야함 document.querySelector('.top_close_btn').addEventL.. 더보기 [수업내용] 현대엘리베이터 실습_jquery(feat. float) 현대엘리베이터 실습_jquery 제이쿼리로 현대엘리베이터 사이트 만들어보기(feat. float) 2022.08.29. html { ✨ box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; outline: none; } body { ✨ margin: 0; ✨ padding: 0; ✨ 기본이고, 중요하다는 의미 float을 쓰면 , gap으로 간격을 잡는 게 아니라 padding으로 잡아줘야함 $(function () { // $('.top_close_btn').on('click', function () { $('.TopBanner').addClass('on') //addClass('on') 대신, slideUp('on')을 하면 됨 .. 더보기 [수업내용] 2022.08.17. ~ 2022.08.18. (풀페이지 맛보기) 2022.08.17. ~ 2022.08.18. 수업내용 풀페이지 맛보기 리액트는 자바스크립트를 기본으로 함 뷰는 따로 쓰는 언어가 있음 swiper는 자바스크립트(바닐라 자바스크립트: 플러그인이나 라이브러리를 사용하지 않은 순수한 자바스크립트)기반 fullpage 3.버전부터 자바스크립트 기반 자바스크립트는 객체, 배열 아주 중요! fixed는 모바일에서 작동하지 않음 -> 플러그인 페럴렉스 사용가능 translateZ * { outline: 1px solid darkblue; } 👉레이아웃은 레이아웃을 깨지 않음// 넘치는 거 잡기 쉬워서 반응형할 때 좋음 h2태그는 거진 섹션마다 타이틀이라는 개념으로 들어가줘야한다. 비포 애프터는 긁어서 읽어지지 않기 때문에 의미있는 텍스트는 들어가면 안된다.(도형,.. 더보기 [수업내용] 2022.08.16.(+스크롤이벤트) 2022.08.16. 수업내용정리 +스크롤이벤트 그누보드->적응형 display:block width: 100%, auto 박스에서 오토는 채우는 개념 100%는 상속받는 값 height: auto는 트랜지션이 안됨 포지션에서 width:auto는 박스의 오토(늘어남)와는 다름 => 내용물에 따라서 유동적임 그래서 width:100%로ㅇㅇ position:fixed 좌표를 가지되, 스크롤이 없어짐 기준이 없지만, 뷰포인트를 기준으로 하기 때문에 막 튀어남 @media (screen and print 생략 가능) = 핸드폰, 컴퓨터screen, 인쇄물print에서 가능 반응형에서 메뉴를 fixed를 쓰는 이유는 스크롤이 없기 때문에 움직이는 거 조작할 때, 클릭하니까 자바스크립트 이벤트는, css에서는 호.. 더보기 이전 1 2 3 4 ··· 6 다음
