Javascript 이벤트 + 웹페이지의 기본 지식

JavaScript 이벤트 정리

코딩을 하면서 javascript와 css를 이용하여 여러가지 이벤트를 생성할 수 있다. 또한 개발자가 따로 이벤트를 작성하지 않아도 기본적으로 발생되는 이벤트도 존재한다. 이를테면 a요소는 개발자가 따로 이벤트를 지정하지 않아도 경로로 이동하는 이벤트가 발생된다. 기본적 이벤트를 제외한 나머지 이벤트는 개발자가 직접 작성을 해야한다. 

 

전체 이벤트를 정리한 내용은 해당 내용을 확인하자.

 

 

---

 

 

 UI 이벤트 

 

 

MouseEvent(마우스이벤트)

: 마우스 움직임에 따라 발생하는 알림을 처리할 경우 마우스 이벤트로 처리한다.

 

1. click: 마우스로 요소를 클릭하고 뗄때 나타나는 이벤트.

2. dblclick: 마우스로 요소를 두번 클릭했을때 나타나는 이벤트.

3. mousedown: 마우스로 누르고 있을때 나타나는 이벤트.

4. mouseup: 마우스를 누르고 있다가 뗄때 나타나는 이벤트.

5. mousemove: 마우스를 움직였을때 나타나는 이벤트.

6. mouseover: 마우스를 요소위로 올렸을때 나타나는 이벤트. 

7. mouseout: 마우스를 요소 바깥쪽으로 움직였을때 나타나는 이벤트.

 

 

FocusEvent(포커스이벤트)

: 요소가 선택됨에 따라 이벤트로 처리한다.

 

1. focus: 요소가 포커스를 얻었을때 나타나는 이벤트.

2. blur: 요소가 포커스를 잃었을때 나타나는 이벤트

 

 

Form event(폼이벤트)

: form요소안에서 일어나는 이벤트를 처리한다.

 

1. input: <input>,<textarea>요소 값이 변경되었을 때 나타나는 이벤트.

2. change: 선택 상자, 체크박스, 라디오 버튼의 상태가 변경되었을 때 나타나는 이벤트.

3. submit: 유저가 버튼키를 이용하여 폼을 제출할 때 나타나는 이벤트.

4. reset: 리셋 버튼을 눌렀을때 나타나는 이벤트.

5. cut: 폼안에 있는 필드를 잘라내었을때 나타나는 이벤트.

6. copy: 폼안에 있는 필드의 내용을 복사하였을 때 나타나는 이벤트.

7. paste: 폼안에 있는 필드에 내용을 붙여넣었을 때 나타나는 이벤트.

8. select: 텍스트를 선택하였을때 나타나는 이벤트.

 

 

---

 

웹이란?

월드 와이드 웹(World Wide Web)이란 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간으로 인터넷 상에서 텍스트나 그림, 소리, 영상 등과 같은 멀티미디어 정보를 하이퍼텍스트 방식으로 연결하여 제공한다.

 

 

Hosting(호스팅)

: 호스팅이란 구성파일들이 인터넷에서 [항상] 연결되어 있어 [절대] 꺼지지 않는 호스트 컴퓨터(웹서버)에 저장되어 있다가 사용자 요청이 들어오면 언제나 응답하는 것으로, 서버의 전체 혹은 일부를 이용할 수 있도록 부동산처럼 임대해주는 기능이다. 

 

 

IP

:  인터넷으로 통신하는 각 divce(통신장비)에 부여된 고유한 값으로 모든 컴퓨터와, 태블릿, 휴대폰에는 고유의 IP가 따로 존재한다. 숫자형으로 존재한다.

 

 

Domain(도메인)

: IP와 댜르게 문자로 구성된 고유주소, 수많은 ip 주소를 사람이 전부 외울 수 없기 때문에 기억하기 쉽도록 문자로 된 고유주소를 만든 기능이다.

 

 

DNS(domain name system) 

: DNS는 사람이 읽는 도메인 이름을 머신이 읽을 수 있도록 IP주소로 변환하는 기능을 의미한다.

 

 

 

참고 문서 : https://abc1211.tistory.com/201

[자바스크립트 기초 ]이벤트의 종류와 개념 1