web2 (11) 썸네일형 리스트형 WEB2 - JavaScript_10 프로그램, 프로그래밍, 프로그래머 10. 프로그램, 프로그래밍, 프로그래머 JavaScript는 프로그래밍 언어이다. HTML은 컴퓨터 언어이기는 하지만 프로그래밍 언어는 아니다. 프로그램(Program)에는 '순서'가 존재한다. HTMl은 만드려는 것을 묘사하는 것이 목적이기 때문에 '프로그래밍' 언어는 아닌 것이다. 사람들은 시간 순서대로 실행되어야 할 기능을 효율적으로, 실수없이 수행하기 위해 프로그래밍 언어를 고안했고, 수행할 일을 프로그래밍 언어에 따라 작성해서 컴퓨터에 전달했다. 프로그래밍 언어를 사용하면 다음과 같은 일들을 할 수 있다. 조건에 따라 다른 순서로 기능을 실행 특정 기능을 반복해서 실행 복잡해진 기능과 순서를 보다 간결하게 정리. WEB2 - JavaScript_7-9 웹 브라우저 제어 7. 웹 브라우저 제어 웹 페이지의 디자인은 CSS를 이용해서 바꿀 수 있다. 위처럼 작성하면 웹 페이지는 항상 검정색 배경과 하얀색 글씨를 유지한다. 웹 브라우저의 테마(배경과 글씨 색)를 '클릭했을 때'만 바꾸고 싶다면 다음 두 가지를 실행해야한다. CSS로 변경할 디자인을 작성 JavaScript로 제어하려는 태그를 선택해서 CSS를 변경 8. CSS 기초 이전에 CSS 강의를 별도로 수강했으므로 생략. 9. 제어할 태그 선택하기 웹 페이지의 테마(day & night)를 바꾸기 위한 버튼은 다음과 같이 만들 수 있다. Night 버튼만. 제어 버튼을 생성 클릭했을 때 전환을 주기 위해 onclick 값으로 JavaScript를 입력한다. 태그를 선택해서 CSS를 변경 3번의 oncl.. WEB2 - JavaScript_1 수업의 목적 1. 수업의 목적 JavaScript를 이용하면 사용자의 행위에 반응하도록 만들 수 있다. (상호작용) 웹 페이지는 브라우저에 한 번 출력되면 바뀔 수 없지만 (e.g. 태그는 계속 태그를 유지) JavaScript를 이용하면 디자인에 변화를 줄 수 있다. Example 사용자가 버튼을 클릭했을 때 웹 페이지의 배경과 글씨 색을 바꿀 수 있다. night button: 배경 검정색, 글씨 흰색 day button: 배경 흰색, 글씨 검정색 input type = "button" value = "night": 글씨가 night이 써진 버튼 생성 onclick: 클릭했을 때 속성값을 실행, 속성값으로 JavaScript를 갖는다. document.querySelector('body'): 웹 페.. 이전 1 2 다음