[JavaScript] Event 와 Event처리기 ▶ 마우스 Event 마우스의 버튼, 휠을 조작할 때 나타나는 이벤트이다. 속성 설명 click 사용자가 HTML 요소를 마우스로 눌렀을 때 이벤트가 발생한다. dblclick 사용자가 HTML 요소를 마우스로 두 번 눌렀을 때 이벤트가 발생한다. mousedown 사용자가 요소 위에서 마우스 버튼을 누르는 동안 이벤트가 발생한다. mousemove 사용자가 요소 위에서 마우스 포인터를 움직일 때 이벤트가 발생한다. mouseover 마우스 포인터가 요소 위로 옮겨질 때 이벤트가 발생한다. mouseout 마우스 포인터가 요소를 벗어날 때 이벤트가 발생한다. mouseup 사용자가 누르고 있던 마우스 버튼에서 손을 뗄 때 이벤트가 발생한다. ▶ 키보드 Event 키보드에서 특정 키를 조작할 때 발생하는 .. 2022. 11. 19. [JavaScript] 함수, let, const ▶ 함수 함수는 크게 '함수 선언'을 하고, '함수 호출'을 해서 대상 함수를 가져와 사용한다. 단, 웹 브라우저에서 JS 소스를 해석할 때 함수의 선언 부분을 가장 먼저 해석하기 때문에, '함수 호출'을 먼저하든 '함수 선언'을 먼저하든 크게 상관이 없다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 // 함수 선언 fuction addNumber() { ..... } // 함수 addNumber(); // 함수 사용 예 var num1 = parseInt(prompt("첫 번째 숫자:")); var num2 = parseInt(prompt("두 번째 숫자:")); .. 2022. 11. 16. [JavaScript] 변수, 자료형, 연산자 ▶ 변수 컴퓨터가 구별할 수 있도록 변수에 이름을 붙이는 과정을 '변수를 선언한다.'고 말한다. JS에서 변수 선언은 'var'을 통해서 할 수 있다. 그리고 식이나 값을 변수에 저장할 수 있는데 등호(=) 오른쪽에 저장하고 싶은 값이나 식을 쓰면 된다. 1 2 3 4 var apple = 2000; var banana = 10000; var total = apple + banana; cs ▶ 자료형 자료형의 종류는 다음과 같다. 자료형 설명 기본형 number(숫자) 따옴표없이 표기한 숫자를 나타낸다. string(문자열) 작은따옴표나 큰따옴표로 묶어 나타낸다. boolean(논리형) 참, 거짓이란 두가지 값만 가지고 있는 유형 undefined 자료형을 지정하지 않았을 때의 유형, 예를 들면 변수를 .. 2022. 11. 13. [JavaScript] 자바스크립트 소스 작성 시 지켜야 할 규칙 ▶ 규칙1 : 대소문자를 구별하여 소스를 작성한다. 자바스크립트는 대소문자를 구별한다. ▶ 규칙2 : 읽기 쉽게 들여 쓰는 습관을 들인다. 자바스크립트 해석기는 소스를 처리할 때 들여쓰기를 고려하지 않으나, 다른 프로그래머가 읽거나, 오류가 발생하여 수정할 경우를 대비해서 들여쓰는 습관을 들여야 한다. ▶ 규칙3 : 세미콜론으로 문장을 구분한다. 자바스크립트에서 줄바꿈을 하면 세미콜론없이도 실행이 잘 된다. 그러나 실수로 줄바꿈을 하지 않는 경우 오류가 발생한다. 따라서 세미콜론으로 문장을 구분하는 것이 좋다. ▶ 규칙4 : 자바스크립트 소스에 메모는 주석으로 한다. php와 동일하게 한줄 주석은 //로 여러줄 주석은 /* */로 처리한다. ▶ 규칙5 : 식별자는 정해진 규칙을 지켜 작성한다. 식별자(I.. 2022. 11. 13. 이전 1 다음