IT_susu

이벤트는 비일상적인 사건이며, 언제 발생할 지 사전에 예측할 수 없으므로 일반적인 제어흐름과 다르다. 예측 대신 발생하면 감지하여 그에 대응하는 처리를 호출하는 원리로 동작한다. 예) 키보드 esc를 누르면 팝업창이 닫힌다. 파란색 부분이 이벤트 분홍색 부분이 이벤트 핸들링이다. 어떠한 일이 발생하는 것이 이벤트이며, 이벤트가 발생할 때, 어떤 처리를 할 것인지를 명시한 부분이 이벤트 핸들링이다. 코드로 보면, $('.btn_popup').on('click', function(){}); document.getElementById('home').addEventListener('click', function(){}); 이벤트가 실행되는 원리 자바스크립트는 단일 쓰레드이기 때문에 동시에 여러 작업을 할 수 없..

글자 및 inline요소는 우리가 생각하는 높이와 다르게 동작한다.따라서 속성명도 height이 아니라 line-height이다. 1. 타이포그래피 이론 2. 글자크기의 높이 설정하기라인의 높이, line-height는 위의 그림과 같이 영역을 차지한다. 즉, font-size + leading영역의 합이다.leading영역을 없애고 싶다면 line-height: 1;font 자체에 지정되어있는 여백을 없애는 기능은 없으며, 억지로 line-height을 1보다 적은 수로 줘서 눈대중으로 맞출 수는 있다.단, font-family가 달라지면 바뀐 폰트의 여백은 또 다르게 설정되어 있을 것이므로 line-height를 다시 맞춰야 한다. 3. inline요소의 높이 설정하기2번 주제와 같이 여백 하나 없이..

main-sidebar 구성 아래 예시처럼 sidebar와 main이 서로 간섭하지 않고 독립된 영역으로 분리하는 것을 의미한다.이 설계의 장점은 main과 sidebar의 너비를 지정하지 않아도 레이아웃이 틀어지지 않는다. (예시사진 준비) [결과]