Escape

Javascript(이벤트, 이벤트 핸들러) Event(이벤트) 이벤트 핸들러 등록하기 .addEventListener() 라고 하는 메소드가 있다. 이 메소드는 2개의 인자를 받는데, string 형식의 이벤트 이름과 또 다른 하나는 이벤트 핸들러 함수이다. 이벤트 핸들러를 작성 할 때에는 익명함수보다는 이름이 있는 함수로 작성하는 것이 유리하다. 이후에도 깔끔하고 재사용이 가능한 코드가 될 것이다. 이벤트핸들러 함수는 실제로 어떠한 이벤트가 fired(여기서는 클릭이 일어났을 때) 실행되는 함수를 말한다. let eventTarget = document.getElementById('targetElement'); eventTarget.addEventListener('click', function() {..

Grids 우리말로 하면 격자라고 부를 수 있는데, 화면을 구획별로 나누어 놓는 것 자체를 의미하는 것 같다. 이렇게 구획으로 나누어서 얻을 수 있는 이점은 아래와 같다. 화면 배열이 용이해짐 디자인의 일관성에 도움이 됨(같은 간격의 배열) 따라서 유저가 웹사이트를 알아가는데 매우 도움이 됨(유저 친화적임) 우선 기본적인 개념이 크게 Colomn , Gutter , Margin 세가지가 있는데, 간단하게 도식으로 보면 다음과 같다. Column은 보통 12~16개 정도로 이루어져있고, 화면의 너비를 분할하는 수직형의 container라고 생각하면 된다. 각각의 칼럼을 부딪히지 않게 빈공간을 두는 것이 Gutter. 그리고 이용자의 환경에 따라 화면에 충돌하지 않게 공간을 남겨두는 것이 margin이라고 ..