ep.01 html 과 JavaScript의 차이 / event 속성

저는 공부하기 전에 앞서, 코딩 프로그램으로 bracket을 사용하였습니다.

네이버에 치면 무료로 다운로드하여 사용할 수 있으니 다운로드하여 사용하면 될 것 같습니다.

 

 

 

 

html과 JavaScript의 차이

 

html과 JavaScript의 차이는 정적인 언어인지, 동적인 언어인지가 가장 큰 차이점입니다.

 

이렇게 script를 사용한 부분은 1+1을 계산하여 바로 2로 보여주지만, html은 있는 그대로 1+1을 보여줍니다.

 

한 줄 요약 : script는 스스로 해석하는 능력(계산, 명령어 등등)이 있지만(동적인 언어), html은 그런 능력이 없다(정적인 언어).

 

 

 

 

 

 

 

---

 

 

 

 

 

event 속성

 

자바스크립트로 컴퓨터에 명령을 할 때, 시키고 싶은 일, 사건 등이 있을 겁니다. 클릭이라던지, 마우스 오버라던지 등등JavaScript는 특정한 이벤트 몇 개를 인식할 수 있도록 지원하는데요, 구글에 검색하면 다 나옵니다.

 

수업시간에 보여주신 예시에는 onclick, onchange, onkeydown 이 세 가지 이벤트를 보여주셨는데 그 외에도 구글에

javascript event list라고 치면 자세하게 잘 나와있습니다. 언제 쓰는지 설명도 옆에 있으니 참고하면 좋을 것 같습니다.

 

type은 input의 종류(button, text 등등)/value는 이름(버튼에 나타난 글자)/

onclick은 event (alert는 경고창을 띄우라는 명령어) --> 클릭했을 때 따옴표 안의 함수를 실행하라는 뜻.

 

 

event list가 잘 정리되어 있는 사이트

 

https://www.w3schools.com/js/js_events.asp

JavaScript Events

https://webzz.tistory.com/87

[Javascript] 이벤트

이 두 사이트를 참고하면 웬만한 이벤트들은 다 적절하게 사용하 실수 있을 거라 생각합니다. 문법은 각 사이트들의 예제를 보면 쉽게 알 수 있습니다.

 

한 줄 요약: javascript는 event라는 사건(사용자들의 행위)을 미리 정해두어 사용자들이 컴퓨터에 명령을 내릴 수 있도록 도와준다.