JavaScript의 이해

JS

1.<script> tag

body tag 안에 script tag를 이용하여 document.write(); 를 입력

document.write();는 JS코드중 웹페이지에 글씨를 출력할떄 쓰는 코드

 

 

JS

2. event

사용자가 어떠한 행위를 했을때 특정한 사건(event)가 일어나도록 코드를 작성하는 것으로

onclick="" 해석= 클릭했을때~

onchange="" 해석= 안의내용을 바꿧을때~

onkeydown="" 해석=커서를 바깥으로 옮겼을때~

등(event attribute)이 있으며 해석을 하자면 위 속성들의 값으로는 항상 JavaScript의 코드가 들어와야하며 이 값을 웹브라우져가 기억하고 있다가 사용자에 의해 속성의 행위가 이루어졌을때 속성이 속해있는 tag에 그 기억값을 JavaScript의 문법에 따라 해석하여 작동하는 것이다.

 

3.console

html의 파일을 만들지 않고 JavaScript를 실행 할 수 있는 개발자도구창(f12)으로 이미 만들어진 웹사이트를 나의 필요에 맞게 사용이 가능하다는 장점이 있다.

console.log

console창의 활용

*console창에

document.querySelector('input').value

를 입력하고 엔터를 치니 "night" 출력되었다

이것의 의미는

위 코드를 통해서 night라는 input tag의 value 값을 가져올 수 있다는 것을 알 수 있다.

이를 이용하여 JavaScript의 코딩에 도움을 준다(예를 들면 조건문활용시)

*tip)F12 이후 element창에서 esc를 누르면 console창이 아래에 뜬다

     위화살표를 누르면 console창에서 전에 썻던 코드가 복붙되고     shift엔터를 누르면 console창에바로 입력되지 않고 줄바꿈이되고     console.log는 배열가져오기등 입력값을 console창에 나타나게 해주는 것임