웹프로그래밍2017. 06. 08.

- 22 -

Smart Computing Laboratory, Konkuk University

strict mode

Smart Computing Laboratory, Konkuk University

§ JavaScript 코드 작성시, 더 엄격한 오류 검사 규칙 적용

§ “use strict”; 키워드 사용

전역 strict mode 선언> script 최상단 선언

함수 내 strict mode 선언> 함수 내 최상단 선언

실습 #01

Smart Computing Laboratory, Konkuk University

§ 다음 코드를 실행해보세요. 결과 확인 후, “use stirct”;를 추가해보세요.

strict mode

Smart Computing Laboratory, Konkuk University

§ 선언하지 않은 변수 사용 금지

< 소스코드 수정 >

strict mode

Smart Computing Laboratory, Konkuk University

§ property 명 중복 사용 금지

§ SCRIPT1046: Multiple definitions of a property not allowed in strict mode

< 소스코드 수정 >

strict mode

Smart Computing Laboratory, Konkuk University

§ 함수 파라미터명 중복 사용 금지

§ strict mode 적용 전

< 소스코드 수정 >

strict mode

Smart Computing Laboratory, Konkuk University

§ 변수, 함수, 파라미터 삭제 금지

< 소스코드 수정 >

strict mode

Smart Computing Laboratory, Konkuk University

§ 8진수 숫자 리터럴 및 이스케이프 사용 금지

< 소스코드 수정 >

strict mode

Smart Computing Laboratory, Konkuk University

§ writable false property에 assign 금지

< 소스코드 수정 >

strict mode

Smart Computing Laboratory, Konkuk University

§ setter 존재하지 않는 property에 assign 금지

< 소스코드 수정 >

strict mode

Smart Computing Laboratory, Konkuk University

§ configuable false인 property, 지울 수 없는 built-in 속성 삭제 금지

< 소스코드 수정 >

BINGO !

Smart Computing Laboratory, Konkuk University

§ JavaScript 활용하여 BINGO 게임 만들기

BINGO !

Smart Computing Laboratory, Konkuk University

§ Document 구성

(https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js)

BINGO !

Smart Computing Laboratory, Konkuk University

§ 빙고 한칸 class 정의

BINGO !

Smart Computing Laboratory, Konkuk University

§ 빙고판 생성

BINGO !

Smart Computing Laboratory, Konkuk University

§ 빙고 체크

§ 1~5 : 가로 줄 빙고 여부

§ 6~10 : 세로 줄 빙고 여부

§ 11/12 : 대각선 빙고 여부

11 6 7 8 9 10 12

1

2

3

4

5

BINGO !

Smart Computing Laboratory, Konkuk University

§ 빙고 체크

BINGO !

Smart Computing Laboratory, Konkuk University

§ 빙고 애니메이션

BINGO !

Smart Computing Laboratory, Konkuk University

§ style