Keep going

이벤트 웹 브라우저나 사용자가 행하는 웹 문서 영역 안에서 이루어지는 동작 이벤트는 주로 마우스나 키보드를 사용할 때, 웹 문서를 불러올 때, 폼에 내용을 입력할 때 발생한다. 마우스 이벤트 click : 사용자가 HTML 요소를 클릭할 때 이벤트가 발생한다. dbclick : 사용자가 HTML 요소를 더블클릭할 때 이벤트가 발생한다. mousedown : 사용자가 요소 위에서 마우스 버튼을 눌렀을 때 이벤트가 발생한다. mousemove : 사용자가 요소 위에서 마우스 포인터를 움직일 때 이벤트가 발생한다. mouseover : 마우스 포인터가 요소 위로 옮겨질 때 이벤트가 발생한다. mouseout : 마우스 포인터가 요소를 벗어날 때 이벤트가 발생한다. mouseup : 사용자가 요소 위에 놓인 마..

여러 동작을 묶은 덩어리, 함수 자바 스크립트 프로그램은 단순히 동작 하나만 실행되는 게 아니라 여러 가지 동작이 연결된다. 이렇게 동작해야 할 목적대로 묶은 명령을 함수라고 한다. 함수 선언 및 호출 cs 재사용할 수 있는 함수 만들기 함수를 선언할 때부터 외부에서 값을 받아 줄 변수를 미리 만들어야 한다. 이것을 매개변수라 하고 함수를 호출할 때 괄호 안에 매개변수의 이름을 넣는다. Colored by Color Scripter cs 매개변수 기본값 지정하기 ES6부터는 함수에서 매개변수를 선언할 때 기본값을 지정하는 기능도 생겼다. 예를 들어 매개변수의 변숫값을 넘겨받지 못했을 때 기본값을 사용한다. function multiple(a, b = 5, c = 10) { // b = 5, c = 10으..

13-1 자바 스크립트로 무엇을 할까 웹의 요소를 제어한다. HTML은 웹 문서의 내용을 구성하고, CSS는 웹 문서의 레이아웃이나 색상, 스타일 등을 지정했다. 여기에 자바스크립트를 추가하면 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있다. 웹 애플리케이션을 만든다. 최근 웹은 사용자와 실시간으로 정보를 주고 받으며 마치 애플리케이션처럼 동작한다. (길 찾기 서비스, 데이터 시각화 라이브러리 등) 다양한 라이브러리를 사용할 수 있다. 서버에서 했던 일을 클라이언트에서도 할 수 있다. 웹 애플리케이션을 개발할 때 사용하는 리액트, 앵귤러, 뷰와 같은 프레임워크와 그래픽 활용을 위한 D3.js나 DOM을 쉽게 조작할 수 잇게 해주는 제이쿼리 같은 라이브러도 있다. 이 밖..