200803 2일차 정리

HTML과 JavaScript의 만남 2 (이벤트)

이벤트(event)

; 웹브라우저에서 일어나는 사건들 中 사용자에게 유용할 만한 것들 정의. (상호작용 가능)

 

- onclick, onchange, onkeydown 등의 속성

onclick="alert('hi')"

: 뒤에 속성값이 반드시 자바스크립트가 와야 함.

  버튼 눌러야 " " 안의 내용 수행.

---

HTML과 JavaScript의 만남 3 (콘솔)

보고 있는 웹페이지에 대해

JavaScript 파일 만들지 않고

콘솔 이용해 JavaScript 즉석 실행 가능

1) Ctrl+Shift+I (또는 오른쪽 마우스 누르고 '검사' 누르기)

2) Console 탭 누르기 (또는 Esc 누르기)

ex. alert(' '.length) 치고 Enter 누르면 ' ' 안의 글자 수 파악 가능

---

데이터타입 - 문자열과 숫자

String.prototype.toUpperCase()

	.toUpperCase()	.indexOf()	.trim()
	대문자로 표현	인덱스 반환 (없는 인덱스면 output은 -1)	공백 제거
Example	'Hi'.toUpperCase()	'Hi'.indexOf('i')	'  hello '.trim()
ouput	"Hi"	1	"hello"

1           // output : 1    (∵ 숫자)
"1"         // output : "1" (∵ 문자열)

1+1        // output : 2     (∵ 숫자) 
"1"+"1"   // output : "11" (∵ 문자열)

---

CSS 기초

CSS 선택자

js { }	.js { }	#first { }
웹페이지에 있는 js인 모든 태그 가리킴	class	id
	여러 번 사용 가능	한 번만 사용해야
	그룹화	식별
	포괄적	구체적
	전체	예외 처리

 

font-weight:bold;

: 글자를 굵게 하고 싶을 때

---

생활코딩 WEB2 JavaScript