생활코딩

배열 1) 배열 생성 var coworkers = ["egoing", "leezche"]; 2) .push ; 배열 끝에 데이터 추가 coworkers.push('duru'); 3) .length ; 배열 안의 데이터 갯수 세기 document.write(coworkers.length); 배열과 반복문 1) 배열과 반복문 var i = 0; while(i

제어할 태그 선택하기 1) 선택 document.querySelector('body') 2) 자바스크립트 style. (body 태그에 적을 때는 ) document.querySelector('body').style.backgroundColor = "black"; 비교 연산자와 Boolean 데이터 타입 1) === : 둘이 같나 비교 1 === 1 // output : True 2) &lt ; less than ( : value가 'night'일 때 클릭하면, id가 'night_day'인 value를 'day'로 바꿈 리팩토링 (refactoring) ; 코드의 효율성 좋고, 읽기 좋게 개선 1) this 이용해 코드 간단히 작성 가능 2) target 변수 이용해 중복 코드 처리 가능 생활코딩 WE..

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 누르면 '..

수업의 목적 태그 이용해 버튼 만들기 가능 - type 속성 - value 속성 - onclick 속성 : 속성의 값으로 JavaScript가 와야 함. onclick 속성이 위치하고 있는 버튼을 클릭했을 때, 자바스크립트 코드 실행함. ∴ '자바스크립트는 HTML을 제어하는 언어다.' HTML과 JavaScript의 만남 1 (script 태그) ① HTML은 정적. ② CODE JavaScript 1+1 OUTPUT 1+1 2 (자동 계산) 태그 HTML 코드로 자바스크립트 시작. 태그 안에 자바스크립트 와야 함. 생활코딩 WEB2 JavaScript 수업 시작! 수업의 목적 - 생활코딩 수업의 목적 2017-12-01 03:17:47 opentutorials.org HTML과 JavaScript의 ..