​

 1) 배경을 설정한다.

​

  (1) 페이지를 클릭하고 속성 편집을 아래와 같이 설정한다.

​

  (2) 이미지를 클릭하고 작화 화면 전체를 드래그한다.

​

   (3) 배경으로 사용하고 싶은 이미지를 선택하고 열기를 누른다.

​

  (4) 생성한 이미지 객체를 객체 탐색기에서 잠근다.

​

​

 2) 페이지 편집 창에서 스크립트 탭을 클릭한다.

​

​

  3) 아래와 같이 코드를 입력한다.

​

 4) F5나 실행을 눌러 뷰어를 실행한다.

​

F12키를 눌러 페이지 스크립트 콘솔 창을 연다.

​

console 전역 객체는 6가지의 주요 메소드를 가지고 있다.

페이지 및 서버 스크립트에서 사용할 수 있다.

(페이지 스크립트의 로그는 해당 페이지가 열린 뷰어 창에서 F12 버튼, 서버 스크립트는 아무 뷰어 창에서 F11 버튼을 누르면 확인할 수 있다.)

Console 객체를 사용함으로써 작성한 스크립트를 디버깅하거나 콘솔 창에서 CSV로 출력할 수 있는 점을 이용, 그 출력물을 엑셀과 같은 프로그램으로 볼 수 있다.

​

console.log() :

    일반적인 메시지를 출력한다.

    ex) console.log(“message”);

​

console.info() :

    정보 메시지를 출력한다.

    ex) console.info(“message”);

​

console.warn() :

    경고 메시지를 출력한다.

    ex) console.error(“message”);

​

console.error() :

    에러 메시지를 출력한다.’

    ex) console.error(“message”);

​

console.group() :

    메시지 그룹을 시작한다. (들여쓰기 형태로 출력한다.)

    ex) console.group();

​

console.groupEnd() :

    메시지 그룹을 종료한다.

    ex) console. groupEnd();