-
script 태그
- html로 1+1을 작성하면 그대로 1+1이 출력되지만 script를 사용해 1+1를 작성하면 1+1=2의 결과값이 작성된다.
- 웹페이지에 글씨를 출력할 때 : document.write
- 태그 사용
-
script 이벤트
- onclick : 버튼을 눌렀을 때
- onchange : 입력 값이 변경된 후, 입력 필드에서 포커스가 벗어나거나 사용자가 변경을 확정했을 때 실행
- onkeydown : 사용자가 키보드에서 키를 눌렀을 때
- onmouseover : 마우스 커서가 HTML 요소 위로 이동하면 활성화 → xss 찾을 때 유용
-
script 콘솔
-> 문자의 개수가 몇 개인지 알려주는 콘솔 + alert
-
데이터 타입 - 문자열과 숫자
산술연산자
- toUpperCase() : 모든 문자를 대문자로
- indexOf() : 해당 글자가 몇번째에 있는지
- trim() : 공백을 없애줌
-
변수와 대입 연산자
-> 변수 name으로 사용
-
조건문
-> if문 사용해서 만약 true면 2를 아니면 3을 반환
-> day일때 : 버튼은 night
-> night 버튼을 눌렀을 때 : 버튼은 day
-
배열
- coworkers 라는 배열
- push를 통해 coworkers 배열에 추가 가능
-
반복문
-> while 문 사용해서 i가 3보다 작으면 2,3 출력
-> 배열을 사용해서 반복문
-> 배열과 반복문을 사용한 day, night
-
함수
함수의 기본
-> 1과 3 뒤에 각각 함수 호출
매개변수와 인자
-> oneplusone 함수에 left, right 를 받아 더하기를 진행
return
-> return을 사용해 함수의 결과를 출력
-> 함수를 사용해 night , day 버튼
-
객체
-> 객체와 반복문 사용
-> this를 사용해서 coworkers 말고 다른 이름이 와도 사용 가능
- $(’a’).css(’color’,color); : 반복문 대신에 라이브러리 jquery
