it개발자스터디공간

웹표준 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까지 합을 구하여 출력

웹표준 html,css,javascript 실무 과정 자료] 변수의 자료형

웹표준 html,css,javascript 실무 과정 자료] 변수의 자료형

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

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

변수의 자료형

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

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

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

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

변수

■ 변수(Variables)는 값을 저장할 수 있는 용기.

■ var 키워드로 변수를 선언

■ var myVariable;

■ 여러 ‘자료형’ 을 가질 수 있다.

웹표준 html,css,javascript 실무 과정 자료] 스크립트 사용

웹표준 html,css,javascript 실무 과정 자료] 스크립트 사용

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

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

스크립트 사용

■ HTML 문서 안에 스크립트를 넣으려면 script 요소를 사용해야 함.

■ type 속성: 스크립트 언어의 MIME 타입 지정

   - 기본값: ‘text/javascript’

   - 생략 가능(javascript를 사용할 경우)

■ src속성: 외부 스크립트 파일을 읽어들일 경우 사용

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

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

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

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

행 과 열

■행과열의 제목 

- <th>~</th>

- 행과 열에 제목(헤더셀)을 붙일 때

- 제목으로 지정되면 굵은 글꼴, 가운데 정렬로 표시됨

■행과 열의 그룹화

- 행의 그룹화

  * <thead>~</thead>              헤더

  * <tbody>~</tbody>              본체

  * <tfoot>~</tfoot>                바닥글

- 열의 그룹화

  * <colgroup span=“그룹화할 열의 수”>~</colgroup>