it개발자스터디공간

웹표준 html,css,javascript 실무 과정 자료] 제어 구조 for

웹표준 html,css,javascript 실무 과정 자료] 제어 구조 for

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

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

제어 구조 for

■ for 반복문: 반목문에 필요한 제어 정보를 한 줄에 표현 가능

■ for (var i = 0; I < 5; i++) {

  - //5회 반복

 }

웹표준 html,css,javascript 실무 과정 자료] 제어 구조 while, do~while

웹표준 html,css,javascript 실무 과정 자료] 제어 구조 while, do~while

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

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

제어 구조 while, do~while

■ while : 단순 반복문

■ do ~ while: 적어도 한번이상 실행되도록 하고 싶을 때

웹표준 html,css,javascript 실무 과정 자료] 제어 구조 if

웹표준 html,css,javascript 실무 과정 자료] 제어 구조 if

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

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

제어 구조 if

■ C 언어 계열(C, C++, C# …)과 비슷한 제어 구조 가짐

■ 조건문 if

■ var yoil = “월”;

■ if (yoil === “일”) {

  - console.log(“즐거운 일요일”);

    } else if (yoil === “월”) {

           console.log(“원래 힘들어…”);

    } else if (yoil === “화”) {

           console.log(“화내지 마시고…”);

    }…

웹표준 html,css,javascript 실무 과정 자료] 이벤트

웹표준 html,css,javascript 실무 과정 자료] 이벤트

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

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

이벤트

■ 웹사이트에 상호작용을 가능하게 해주는 구조

■ “브라우저에서 일어나는 것을 주의깊게 듣고 있다가 응답하는 코드를 실행해주는 코드 구조”

■ 예)화면을 마우스 클릭시 “클릭” 이벤트

■ document.querySelector(“html”).onclick = function() {

   - alert(“누르지 마!”);

■ };

웹표준 html,css,javascript 실무 과정 자료] 자신만의 함수 정의

웹표준 html,css,javascript 실무 과정 자료] 자신만의 함수 정의

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

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

자신만의 함수 정의

■ 곱하기 함수 multiply

■ function multiply(num1, num2) {

  - var result = num1 * num2;

  - return result;

■ }

■ 콘솔에서 실행

■ multiply(12, 45)

■ multiply(123, 456)

■ multiply(0,5, 12)

웹표준 html,css,javascript 실무 과정 자료] 함수

웹표준 html,css,javascript 실무 과정 자료] 함수

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

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

함수

■ 함수(Functions)는 재사용하기 위해 기능들을 모아 놓은 것

  - 기능들을 원할 때 전체 코드를 다시 작성하는 것이 아니라 대신 그 함수 이름을 부를(call) 수 있다

  - var h1_el = document.querySelector(“h1”);

  - alert(“안녕하세요”);

웹표준 html,css,javascript 실무 과정 자료] 연산자

웹표준 html,css,javascript 실무 과정 자료] 연산자

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

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

연산자

웹표준 html,css,javascript 실무 과정 자료] 주석

웹표준 html,css,javascript 실무 과정 자료] 주석

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

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

주석

■ 코드의 설명문(추후에 코드를 ‘읽기’위해서도 필요)

■ /*

■ 1~100까지 합을 구하여 출력

■ */

■ 줄바꿈이 없다면 이것이 더 편함

■ //1~100까지 합을 구하여 출력