이번 생활코딩 WEB1에서는html에서 가장 많이 사용하는 태그는 무엇인지부터 시작합니다.WEB1 - HTML & Internet - 생활코딩 (opentutorials.org) WEB1 - HTML & Internet - 생활코딩--- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여opentutorials.org 태그란 이 괄호 안에 있는 것으로문법을 비유적으로 나타내는 것입니다 예를 들어 태그를 배우기 전과 후로 인생이 바뀐다고도 할 수 있죠!의외로 자주 사용하는 랭킹에는 기초적인 게 많아서 놀랐습니다 오늘 배운 코드 시 마지막은 왼손으로 ..

1. 3번 2. 3번 3. 1번 (div.addEventListener("click", function () { this.innerHTML = "hello";}로 작성해야한다. 4. (1) let obj = documen.getElementById("div1"); (2) div.addEventListener("click", f); (3) div.onclick = f; (4) div.onclick = function () { obj.style.backgroundColor = "orchid" ;} 5. 1번 6. 3번 7. //교재정답 window.addEventListener("click", function(e) { e.stopPropagation(); }, true);는 캡쳐 단계에서 function(e..

1. 1번 (자바스크립트 프로그램은 컴파일 과정이 없다.) 2. 3번 (로컬 컴퓨터의 파일을 삭제할 수 없다.) 3. ff, 4+5 4. "1.5px" 5. loop 6. 3번 (case x>6 , switch 문에는 변수나 식은 사용할 수 없다) 7. (1) w=1, x=2, y=1, z=5 (2) w=true, x=false, y=true, z=16 8. (1) s = 3hello3, t = 1hello23 (2) s = false, t = false 9. (1) 지역 변수 : y, 전역 변수 : x, z, 블록 변수 : 없음 (2) 지역 변수 : x, 전역 변수 : sum, 블록 변수 : n 10, (1) 합 = 0 (2) 합 = 45 11번. 2번 (모두 실수값으로 계산되어 5.3이다) 13. (..

1. 2번( ) 2. 3번 (3d 그래픽도 지원한다, webgl을 이용해 3d 그래픽을 수행할 수 있다.) 3. let canvas = document.getElementById("can"); let context = canvas.getContext("2d"); context.beginPath(); context.moveTo(10,10); context.lineTo(50,50); context.stroke(); 4. 4번 (stroke 사용 이후에도 경로는 삭제되지 않으므로, beginPath()를 다시 사용해 삭제해야한다.) 5. rect()는 경로에 넣어 사용하지만, strokeRect() 경로에 삽입하지 않고 캔버스에 바로 그릴 수 있다. 6. 2번 (context.clearRect(0,0,canv..

1. HTML5 HTML5을 학습하는 사이트입니다. 여기서 HTML5,CSS3, 자바스크립트를 배울 수 있습니다. 2. (1) 옵션 선택으로 사이트 접속 옵션 선택 마다 새 윈도우에 접속합니다. 접속할 사이트 네이버 구글 오라클 (2) 옵션 선택으로 사이트 접속 옵션 선택 마다 새 윈도우에 접속합니다. 접속할 사이트 네이버 구글 오라클 3. (1) 옵션 선택으로 사이트 접속 옵션 선택 마다 새 윈도우에 접속합니다. 접속할 사이트 네이버 구글 오라클 (2) 옵션 선택으로 사이트 접속 옵션 선택 마다 새 윈도우에 접속합니다. 접속할 사이트 네이버 구글 오라클 4. 구글 Chrome 브라우저 감별 웹 브라우저에 따라 지원되는 자바스크립크들 이 다를 수도 있습니다. DOM의 기능은 표준 화되어있어 동일하지만, ..

1. 2번 (window) 2. 2번 (navigator는 BOM 객체) 3. window.open("test.html","win"); window.open("http://google.com","_self"); window.open("http://naver.com","_blank","width=400, height=500"); window.open("test.html","_blank","left=0, top=0"); 4. window.open("","_blank","left=100,top=100,width=500,height=600"); window.open("http://google.com","google"); 5. 3번 6. 1번(navigator) 7. 4번(window.go(0)) 8. 3번(웹페..

1. (2) 라면을 끓이는 순서 물을 끓인다. 라면과 스프를 넣는다. 파를 썰어 넣는다. 5분 후 맛있게 먹는다. (3) 라면을 끓이는 순서 물을 끓인다. 라면과 스프를 넣는다. 파를 썰어 넣는다. 5분 후 맛있게 먹는다. 2. (2) 자바스크립트란? border p 자바스크립트는 웹 프로그래밍 언어로서 웹 페이지를 동적 변경시킬 수 있다. C언어를 아는 사용자는 빠르게 학습할 수 있다. 이벤트 등 GUI 프로그래밍에 필요한 요소들이 있어 학습에 약간의 어려움이 있다. (3) 자바스크립트란? border p 자바스크립트는 웹 프로그래밍 언어로서 웹 페이지를 동적 변경시킬 수 있다. C언어를 아는 사용자는 빠르게 학습할 수 있다. 이벤트 등 GUI 프로그래밍에 필요한 요소들이 있어 학습에 약간의 어려움이 ..

1. 4번 (html 객체) 2. 2번 (document 객체) 3. 4번 (document.getElementById() 이다) 4. HTML 태그가 출력된 모양과 콘텐츠를 제어하기 위해 5. 2번 (obj.style.backgroundColor = "red"; 로 적어야한다) 6. 2번 (getElementsByTagName() 이다) 7. (1) 라면과 스프를 넣는다. (2) 과 사이의 내용이 출력된다. ex) 물을 끓인다. ~ 8. 이미 가 적혀있기 때문에 elem이 null이 아니다. 따라서 경고창이 출력되지 않을 것 9. let div = document.getElementById("mydiv"); let span = document.createElement("span"); span.inner..

1. 난수 10개 생성 2. 정수 5개 입력받아 역순으로 출력 3. 오전이면 lightskyblue, 오후이면 orange 배경 4. 일요일은 pink, 다른 요일은 gold 배경 5. 문자열 분할 ​ 6. 17개의 CSS2 색이름과 색 7. 16개의 랜덤한 색 만들기 8.(1) book 객체 만들기 ​ (2) book 객체 만들기 ​ (3) book 객체 만들기 ​ 9. book 객체 배열 만들기 10. book 객체 배열 만들기

1. 3번 (new를 이용해 생성한다) 2. 4번 (let values = [1,2,3];) 3. 4번 (months.length 를 더 큰 사이즈로 지정하면 배열의 크기가 늘어나고, 늘어간 공간은 undefined이다. 4. 2번 (배열에는 여러 타입의 데이터가 섞여 저장될 수 있기 때문) 5. let money = new Array(3); moeny[0] = 5; money[1] = 7; money[2] = -3; let sum=0; for(let i=0; i