Knowledge Wiki (169) 썸네일형 리스트형 [ JavaScript / jQuery ] Carousel 스크롤바 없애기 1. Carousel (이미지 슬라이드) 등을 만들 때 스크롤바를 없애고 싶으면 css overflow 속성을 사용하면 된다. overflow 뜻은 넘치는 애들을 숨겨달라는 의미 [ JavaScript / jQuery ] Bootstrap 상식 1. Bootstrap 문법도 따로 있음. [ JavaScript / jQuery ] jquery 함수 체이닝 1. jQuery 함수들 순서대로 실행할 수 있다. 함수 체이닝이 가능하다는 이야기. [ JavaScript / jQuery ] 애니메이션 1. jQuery를 사용하면 애니메이션을 쉽게 만들 수 있다. 2. 애니메이션 만드는 방법 1) 시작화면/최종화면 만들기 2) 자바스크립트로 트리거하기 3) 스무스한 동작은 animate 함수 사용 (but, 요즘엔 잘 안씀. 요즘엔 CSS transition 속성을 씀. 이게 훨 성능이 좋기 때문) 3. 애니메이션 성능 높이는 3가지 방법 1) animate()말고 CSS transition을 사용하자 .black-ground { transition: all 1s; // 모든 CSS 속성을 1초에 걸쳐 적용함 } 2) margin 속성 말고 transform 속성을 쓰자 margin은 레이아웃을 바꾸기 때문에 성능 저하가 많음 translate(), rotate(), scale() 얘네들이 많이 쓰인다.. [ JavaScript / jQuery ] JavaScript 상식 1. 자바스크립트는 HTML 요소 찾는데 시간이 오래걸림 여러번 같은 요소를 찾는 경우엔 변수에 저장해두고 쓰자. 2. 자바스크립트에서는 CSS의 "-" 기호를 쓸 수 없어서 CamelCase로 변수를 명명한다. [ JavaScript / jQuery ] JavaScript 이벤트 1. 이벤트 핸들러에서 e.preventDefault()를 호출하면 이벤트가 취소됨 2. from 과 관련된 주요 이벤트로 input, change가 있다. input: 값이 변경될 때 실행 change: 값이 변경되고 focus 잃을 때 실행 3. scroll 이벤트 핸들러는 많이 쓰면 안됨. 스크롤 될 때마다 실행되서 성능 저하가 심함. 즉, 스크롤 들어가기 시작하면 성능 신경 써야함. 4. 이벤트 버블링 component 하나에서 발생한 이벤트가 상위 요소로 퍼지는 현상 5. 이벤트 리스너 안에서 쓸 수 있는 이벤트 함수 6. e.target 과 $('.my-class') 는 다르다!!!! e.target은 쌩 JavaScript 문법이고 $('.my-class')는 jQuery 문법이기 때문에 절.. [ JavaScript / jQuery ] 자바스크립트 == 과 === 의 차이 1. 자바스크립트에서 == 과 === 의 차이 1 == '1'; // true, 느슨한 비교 1 === '1'; // false, 엄격한 비교, 자료의 TYPE까지 같아야 true가 됨 [ JavaScript / jQuery ] Bootstrap UI 컴포넌트 1. Jumbotron Bootstrap 대문 UI (v4.5 기준) 이전 1 ··· 3 4 5 6 7 8 9 ··· 22 다음