stonesy

📖JavaScript 프로토타입 기반의 스크립트 프로그래밍 언어로 객체지향 개념을 지원한다. 웹 브라우저가 JavaScript를 HTML과 함께 다운로드하여 실행한다. 웹 브라우저가 HTML 문서를 읽어 들이는 시점에 JavaScript Engine이 실행된다. 대부분의 JavaScript Engine은 ECMAScript 표준을 지원한다. *JavaScript의 선언 🔎==연산자와 ===연산자의 차이 ===는 타입이 포함된다. 🔎JavaScript 객체 객체는 이름과 값으로 구성된 프로퍼티(Property)들의 집합 전역 객체를 제외한 JavaScript 객체는 프로퍼티를 동적으로 추가하거나 삭제할 수 있다. JavaScript의 함수는 일급 객체이므로 값으로 사용할 수 있다. 따라서 프로퍼티의 값으로..

1.2개의 웹 페이지를 작성하라. 첫 번째 웹 페이지에서는 이름과 학번을 입력받아 세션 스토리지를 저장한다. 그리고 ' 이름으로 학번 검색 페이지로'의 링크를 클릭하면 두번째 페이지를 로드한다. 이 페이지에서는 이름을 입력받고 버튼을 클릭하면 세션 스토리지에서 검색하여 학번을 출력한다. 이름과 학번은 여러 개 저장 가능하다. 이름으로 학번 저장 저장할 이름 저장된 학번 이름과 학번 검색 페이지로 이름으로 학번 검색 검색할 이름 검색된 학번 이름과 학번 저장 페이지로 2. 본문의 '실습: 4' 세션 스토리지 응용'절에서 만든 sessionStorage.html을 2개의 페이지로 분할 작성하여 한 페이지에는 구입 리스트를 저장하고 다른 페이지에는 구입 리스트에서 품목명을 입력하여 개수를 검색하도록 수정하라...

1.다음 HTML 페이지와 출력 결과를 참고하여 원을 그리는 drawCircle() 함수를 작성하라. drawCircle() 만들기 2.다음 HTML 페이지와 출력 결과를 참고하여 다각형을 그리는 drawPolygon()을 작성하라. drawPolygon() 만들기 3.올림픽 오륜기를 캔버스에 출력하는 웹 페이지를 작성하라. 오륜기 그리기 4.캔버스를 이용해서 자신의 사진 위에 자신의 이름을 출력하는 웹 페이지를 작성하라. (1) 사진과 이름 출력 (2) 사진과 이름 출력 5.폼으로부터 여러 속성을 입력받아 캔버스에 사각형을 그리는 웹 페이지를 작성하라. 폼으로 사각형 그리기 x y width height 선굵기 선색 그리기 지우기 6.폼으로부터 여러 속성을 입력받아 캔버스에 원호를 그리는 웹 페이지를 ..

1.다음과 같은 웹 페이지가 있다. 이 웹 페이지가 로드될 때, '접속 감사합니다!'라는 문장을 담은 200*80크기의 새 윈도우를 별도로 출력하도록 웹 페이지를 수정하라. HTML5 HTML5를 학습하는 사이트입니다. 여기서 HTML5, CSS3, 자바스크립트를 배울 수 있습니다. 2.문제1의 코드를 수정하여보자. (1)새 윈도우가 스크린 장치를 기준으로 (500,400)에 출력되게 하라. HTML5 HTML5를 학습하는 사이트입니다. 여기서 HTML5, CSS3, 자바스크립트를 배울 수 있습니다. (2)새 윈도우의 타이틀을 '환영'으로, 바탕색을 yellowgreen으로 출력되게 하라. HTML5 HTML5를 학습하는 사이트입니다. 여기서 HTML5, CSS3, 자바스크립트를 배울 수 있습니다. 3...

나의 단어장 만들기 영어 한글 단어 저장 영단어 검색 단어 삭제 전체 보기

1.HTML5에서 웹 페이지에 이미지, 도형 등을 그리는 그래픽 공간을 만드는 태그는? ① ② ③ ④ 2.HTML5 캔버스 기능에 대한 설명 중 틀린 것은? ①캔버스는 HTML5의 표준이다. ②하나의 웹 페이지에 여러 개의 캔버스를 그릴 수 있다. ③캔버스는 2차원 그래픽만 지원하고, 3차원은 지원하지 않는다. 캔버스 객체는 2차원이나 3차원 그래픽을 모두 지원한다. 2차원 그래픽을 수행하려면, canvas.getContext("2d")를, 3차원 그래픽을 수행하려면, canvas.getContext("3d")를 호출하면 된다. ④캔버스도 마우스 이벤트를 처리할 수 있다. 3.다음과 같은 태그가 있을 때 주석에 맞도록 빈 라인에 자바스크립트 코드를 작성하라. 4.컨택스트 객체의 경로와 메소드에 대해 잘못..

1.브라우저에 의해 제공되는 BOM객체들은 계층관계로 이루어진다. 계층의 최상위에 있는 객체는 무엇인가? ①document ②window ③body ④html window 객체는 브라우저가 제공하는 BOM 객체의 최상위에 존재한다. 2.다음객체들 중 특징이 다른 하나를 골라라. ①document ②navigator 현재 작동중인 브라우저에 대한 다양한 정보를 나타내는 객체이다. ③div ④span 3.다음 지시에 따라 window.open()함수를 작성하라. 3-1.이름이 win인 새 윈도우를 열어 test.html을 출력한다. 3-2.현재 윈도우에 구글 웹 페이지를 출력한다. 3-3.크기가 400*500인 새 윈도우에 네이버 페이지를 출력한다. 3-4.스크린의 왼쪽 상단 모서리에 위치하는 새 윈도우를 ..

1.다음 중 DOM 객체는? (1)window 객체 (2)navigator 객체 (3)event 객체 (4)html 객체 2.다음 중 DOM 객체가 아닌 것은? (1)p 객체 (2)document 객체 (3)div 객체 (4)span 객체 DOM(Document Object Model): HTML문서의 각 요소를 객체화한 것 이때, DOM 트리의 루트는 document객체지만, document객체는 DOM객체가 아님에 주의할 것! 3.HTML DOM 트리에 대해 잘못 말한 것은? (1)브라우저에 의해 만들어진다. 얼핏 브라우저가 HTML페이지를 읽으면서 HTML 태그를 화면에 바로 출력하는 것으로 생각할 수 있지만, 사실은 브라우저가 HTML 태그로부터 DOM 객체를 생성하고 DOM 객체를 구성한후, D..

겜블링 게임 각 숫자를 클릭하면 0에서 2사이의 난수로 바뀝니다. 모두 같은 수가 나오면 승리합니다. 0 0 0

마우스 클릭 연습