HTML
(출처 TCPschool.com)
- 웹브라우저에 html은 내용을 전달, css는 모양을 전달, script는 동적요소를 전달한다
<script src="main.js"></script>
<head>나 <body> 사이에 들어갈 수 있는데 스크립트가 동적요소가 너무 많으
면 body태그 안에 쓰는게 좋다. <head>에 넣으면 로딩 속도가 너무 오래 걸
린다. 코드를 위에서 아래로 읽기 때문에.-
<!DOCTYPE html>은 브라우저에게 이 문서의 타입이 무엇인지 알려주는 것(HTML5) -> 문서선언
-
주석 = <!-- -->
-
태그, 속성, 값에 대한 참조하기 좋은 사이트 w3schools
-
w3c에서 내 코드를 표준으로 작성했는지 확인 할 수 있음(디버그 느낌!)
-
태그 작성 규칙
1) 소문자로 작성한다.
2) 하나의 이상의 공백은 무시됨 (공백 여러개를 보여주기 위해선 <pre>태그를 사용하면 됨)
3) 특수문자는 (entitycode.com) 확인하여 사용
ex) <bigtitle>는 &에 lt;를 붙이고 bigtitle &에 gt;를 붙임
4) 웹 표준은 html, css, javascript가 분리되어야 한다!(인라인 스타일은 웹 표준이 아님!)
JavaScript
-
event
오늘날 웹 페이지는 사용자와 수많은 상호작용을 하게 된다.사용자는 마우스를 움직이거나, 요소를 클릭하거나, 텍스트 박스에 글을 쓰는 등 수많은 종류의 동작을 수행
즉, 이벤트가 발생했다는 것은 웹 페이지에서 특정 동작이 발생하여, 웹 브라우저가 그 사실을 알려주는 것을 의미한다
html에서 input 요소의 속성으로 onclick, onchange, onkeydown등이 있다.
cf) 이벤트 핸들러를 등록하는방법은 두개가 더 있다. DOM요소의 프로퍼티로 등록하는 방법, addEventListener 메서드를 사용하는 방법. -> 두가지 방법은 다음에 배우기.
vscode 단축키
- 태그 이동 하는 방법 -> alt + 방향키
- 자동 줄바꿈 alt + z
https://yeopto.github.io로 이동했습니다.