it개발자스터디공간

웹표준 html,css,javascript 실무 과정 자료] 전역 객체와 타이머

웹표준 html,css,javascript 실무 과정 자료] 전역 객체와 타이머

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

전역 객체와 타이머

console.log(__filename);

console.log(__dirname);

function printstuff() {

    console.log("This was from setTimeout");

}

//setTimeout(printstuff, 5000);   5초후에 실행

setInterval(printstuff, 2000);   //2초마다 실행

웹표준 html,css,javascript 실무 과정 자료] 익명 함수(Anonymous Function)

웹표준 html,css,javascript 실무 과정 자료] 익명 함수(Anonymous Function)

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

익명 함수(Anonymous Function)

var printstuff = function(stuff) {

    console.log(stuff);

}

printstuff("stuff");

웹표준 html,css,javascript 실무 과정 자료] helloworld.js

웹표준 html,css,javascript 실무 과정 자료] helloworld.js

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다

helloworld.js

console.log("Hello World");

C:\Users\daman_000\nodejs>node helloworld.js

Hello World

웹표준 html,css,javascript 실무 과정 자료] Node.js 설치

웹표준 html,css,javascript 실무 과정 자료] Node.js 설치

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

Node.js 설치

■ https://nodejs.org/en/

설치 확인

C:\Users\daman_000>node -v

웹표준 html,css,javascript 실무 과정 자료] 배열

웹표준 html,css,javascript 실무 과정 자료] 배열

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

배열

■ 하나의 타입(형)

■ 배열의 크기 length 라는 '속성'

■ var array = new Array();   //이전 방식

■array[0] = "갤럭시Note7";

■array[1] = "갤럭시S7";

■array[2] = "갤럭시S6";

■ 혹은

■ var array = ["G5", "V10", "V20"];

웹표준 html,css,javascript 실무 과정 자료] Javascript객체

웹표준 html,css,javascript 실무 과정 자료] Javascript객체

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

Javascript객체

■ 간단한 이름-값 쌍의 모임

■ 빈 객체를 생성하는 법

■ var obj = new Object();

■ 혹은

  var obj = {};

 - obj.name = "안철수";

   obj["name"] = "안철수";  

 - console.log(obj.name);

   console.log(obj["name"]); 

웹표준 html,css,javascript 실무 과정 자료] 미디어 쿼리

웹표준 html,css,javascript 실무 과정 자료] 미디어 쿼리

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

미디어 쿼리

■ 미디어 타입, 미디어 특성, 논리 연산자 등을 이용하여 대상이 되는 미디어의 조건을 설정

■ 기본 서식

  - @media 미디어타입 and (미디어 특성: 값) and (미디어 특성: 값) …

웹표준 html,css,javascript 실무 과정 자료]  viewport 컨텐츠 정리

웹표준 html,css,javascript 실무 과정 자료]  viewport 컨텐츠 정리

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

viewport 컨텐츠 정리