전체 글 (603) 썸네일형 리스트형 [ 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 기준) [ JavaScript / jQuery ] Bootstrap z-index 1. Bootstrap은 z-index를 1~4로 쓴다. 그래서 Bootstrap 위에 띄우려면 z-index를 5 이상으로 해야 함 [ JavaScript / jQuery ] 모달창 상식 1. 모달창은 HTML body의 맨 앞에 두는 게 일반적이다. 보통 모달창 띄우면 다른 컴포넌트들 위에 뜨니까. [ JavaScript / jQuery ] Bootstrap 쓰는 이유 1. Bootstrap 웹 개발을 복붙 식으로 빨리 할 수 있음 [ JavaScript / jQuery ] jQuery 간단 사용법들 1. jQuery 요소 보여주기 / 안보여주기 => show(), hide() 2. jQuery fadeIn(), fadeOut(), fadeToggle(), slideDown(), slideUp(), slideToggle() 등을 쓰면 좀 더 스무스한 UX 제공 이전 1 ··· 17 18 19 20 21 22 23 ··· 76 다음