목록Knowledge Wiki/Javascript (51)
KorSA
1. 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() 얘네들이 많이 쓰인다..
1. 자바스크립트는 HTML 요소 찾는데 시간이 오래걸림 여러번 같은 요소를 찾는 경우엔 변수에 저장해두고 쓰자. 2. 자바스크립트에서는 CSS의 "-" 기호를 쓸 수 없어서 CamelCase로 변수를 명명한다.
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 문법이기 때문에 절..
1. 자바스크립트에서 == 과 === 의 차이 1 == '1'; // true, 느슨한 비교 1 === '1'; // false, 엄격한 비교, 자료의 TYPE까지 같아야 true가 됨
1. Jumbotron Bootstrap 대문 UI (v4.5 기준)
1. Bootstrap은 z-index를 1~4로 쓴다. 그래서 Bootstrap 위에 띄우려면 z-index를 5 이상으로 해야 함
1. 모달창은 HTML body의 맨 앞에 두는 게 일반적이다. 보통 모달창 띄우면 다른 컴포넌트들 위에 뜨니까.
1. Bootstrap 웹 개발을 복붙 식으로 빨리 할 수 있음