javascript
-
[javascript] 44. 서식 API(Forms API) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:29
JavaScript Validation API 1. Constraint Validation DOM Methods PropertyDescriptioncheckValidity()Returns true if an input element contains valid data.setCustomValidity()Sets the validationMessage property of an input element. [ 출처 : W3Schools ] 입력 필드가 올바르지 않은 데이터를 가지고 있다면, 아래와 같이 처리할 수 있습니다: 123456789101112131415161718192021222324252627 Enter a number and click OK: OK If the number is less than ..
-
[javascript] 43. 서식 검사(Forms validation) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:29
JavaScript Forms 1. JavaScript Form Validation HTML 서식 검사(form validation)은 자바스크립트에 의해 진행할 수 있습니다. 서식 필드가 비어있을 경우, 아래 함수는 메시지를 알림창으로 띄우고 false를 반환하여 서식이 제출되는 것을 방지합니다. 1234567function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == null || x == "") { alert("Name must be filled out"); return false; }}Colored by Color Scriptercs 위 함수는 아래 서식이 제출되었을 때, 호출 됩니다. 1234Name: Co..
-
[javascript] 42. JSON - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:28
JavaScript JSON JSON은 데이터를저장하고 전송하는 형식입니다. JSON은 서버에서 웹 페이지에 보내질때 주로 사용됩니다. 1. What is JSON? JSON은 JavaScript Object Notation의 약자입니다. JSON은 경량화 데이터 교환 형식입니다. JSON은 언어 독립적입니다. JSON은 자가 묘사(self-describing)적이고 쉽게 이해 할 수 있습니다. 2. JSON Example 아래 JSON 문법은 employee 객체를 선언한 것입니다: 3개의 employee 레코드에 대한 배열 12345{"employees":[ {"firstName":"John", "lastName":"Doe"}, {"firstName":"Anna", "lastName":"Smith"}..
-
[javascript] 41. 예약어(Reserved Keywords) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:28
JavaScript Reserved Words 자바스크립트에서, 몇몇 식별자는 예약어여서 변수나 함수 이름으로 사용할 수가 없습니다. 1. JavaScript Standards 모든 현재 브라우저는 ECMAScript 3(ES3, thr third edition of JavaScript from 1999)를 완전히 제공합니다. 시간이 지남에 따라, 완벽한 ES5를 모든 브라우저에서 제공하게 되었습니다. 2. JavaScript Reserved Wordsabstractargumentsbooleanbreakbytecasecatchcharclass*constcontinuedebuggerdefaultdeletedodoubleelseenum*evalexport*extends*falsefinalfinallyfloa..
-
[javascript] 40. 성능(Performance) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:28
JavaScript Performance 1. Reduce Activity in Loops 반복문은 프로그래밍에서 종종 사용됩니다. 반복문 안의 모든 구문은 각 반복문의 반복에 의해 실행됩니다. 2. Reduce DOM Access HTML DOM을 접근하는 것은 다른 자바스크립트 구문과 비교 했을 때 매우 느립니다. 여러 번 DOM 요소에 접근을 해야 한다면, 한번 접근하여 지역 변수로 사용하십시오: 123 obj = document.getElementById("demo");obj.innerHTML = "Hello";cs 3. Reduce DOM Size HTML DOM의 숫자를 적게 유지하십시오. 위처럼하면 페이지 로딩과 랜더링 빠른 속도를 향상 시킬 수 있습니다. 4. Avoid Unnecessar..
-
[javascript] 39. 실수(Mistakes) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:27
JavaScript Common Mistakes 1. Accidentally Using the Assignment Operator 자바스크립트 프로그램은 프로그래머가 비교 연산자(==) 대신에 할당 연산자(=)를 실수로 사용하는여서 예상치 못한 결과를 만들기도 합니다. 아래 구문은 false를 반환합니다: 12var x = 0;if (x == 10)cs 다음 아래 구문은 true를 반환합니다: 12var x = 0;if (x = 10)cs 다음 아래 구문은 false를 반환합니다: 12var x = 0;if (x = 0)cs 2. Expecting Loosely Comparison 일반적인 비교에서 데이터 타입은 문제가 되지 않습니다. 아래 구문은 true를 반환합니다: 123var x = 10;var ..
-
[javascript] 37. Style Guide - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:26
JavaScript Style Guide and Coding Con-ventions 1. JavaScript Coding Conventions 코딩 관습(Coding convention)은 프로그래밍을 위한 스타일 준수(Style Guideline) 입니다. - 변수나 함수의 명명 규칙, 선언 규칙 - 여백, 들여쓰기, 주석의 사용 규칙 - 프로그래밍 원리 코딩 관습은 품질을 보증합니다: - 코드의 가독성 향상 - 코드 유지보수가 쉽다 2. Variable Names W3Schools에서는 카멜표기법(camelCase)를 사용하여 식별자 이름을 짓습니다. 모든 이름은 문자로 시작합니다. 1234567firstName = "John";lastName = "Doe"; price = 19.90;tax = 0...
-
[javascript] 36. Strict Mode - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:25
JavaScript Use Strict use strict 선언은 자바스크립트 코드가 'strict mode'로 실행되야 한다는 것을 의미합니다. 1. The "use strict" Directive strict mode에서는 선언되지 않은 변수를 사용 할 수 없습니다. 자바스크립트 1.8.5 버전에서 새로이 나왔습니다. 2. Declaring Strict Mode strict mode는 "use strict";를 자바스크립트 파일의 처음이나 함수에 추가함으로써 선언합니다. 자바스크립트 파일의 시작에 선언하면, 전역 범위가 됩니다. 함수안에 선언하면, 지역 범위가 됩니다. 전역 선언: 1234567"use strict";x = 3.14; // This will cause an errormyFunctio..