TIL(2)
-
JS : 이벤트 리스너(EventListener)란?
자바스크립트에서는 웹에서 사용자가 특정 반응을 할 때 설정한 동작을 보여준다. 이 반응을 이벤트라고 하는데 이벤트를 감지하기 위해 쓰이는 것이 ' .addEventListener ' 이다. 예를 들면, 사용자가 로그인 버튼을 클릭을 하면 웹은 개발자가 설정해놓은 동작(함수)이 발생할 것이다. 그 동작이 될 이벤트 조건을 걸어 놓고 이벤트가 발생되는지 계속 감지하는 것이 이벤트리스너이다. (조) 이벤트리스너를 추가하기 위해서는 1) 이벤트를 감지하고 적용할 태그를 가져온다. 2) 어떤 작용을 감지할 것인지 설정한다. 3) 이벤트 감지시 발생할 함수를 만들어 준다. 4) 태그에 이벤트리스너를 추가해준다. 여기서 함수 안에 event.preventDefault();를 해야하는 경우가 있다. 가장 대표적인게 s..
2022.01.25 -
자바스크립트의 변수 선언 var, const, let
자바스크립트 무료강의를 본 지 2일차 개념을 정리해 보려 한다. 자바스크립트 변수 선언 방식에는 Var, Const, let 3가지가 있다. 데이터 타입도 아닌데 왜 3가지가 있는 건지 역사를 조금 보면 이해가 쉽다. JavaScript는 별도로 설치할 필요가 없다! 자바스크립트의 설계자는 'Brendan Eich(브렌던 아이크)'라는 사람으로 약 10일 만에 언어를 개발했다. HTML 과 CSS 만으로는 동적인 웹페이지를 만들기 힘들던 당시 문제를 해결해주는 Adobe Flash, Active X 를 이용하는 웹 사이트가 있었다. 그러나 사용자들은 해당 프로그램을 사용하는 웹 사이트를 방문하기위해 자신의 컴퓨터에 별도로 프로그램을 설치해야하는 불편한 상황이 있었다. (나 또한 경험) 이런 상황을 해결하..
2021.12.27