Web/JavaScript
-
[javascript] 47. 객체 메소드(Object methods) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:31
JavaScript Object Methods 1. JavaScript Methods 자바스크립트 메소드는 함수 선언을 포함하는 속성입니다. PropertyValuefirstNameJohnlastNameDoeage50eyeColorbluefullNamefunction() {return this.firstName + " " + this.lastName;}[ 출처: W3Schools ] 2. Accessing Object Methods 아래 문법을 통하여 객체 메소드를 생성 할 수 있습니다: methodName : function() { code lines } 아래 문법을 통하여 객체 메소드에 접근 할 수 있습니다: objectName.methodName() () 없이 메소드를 호출하면, 함수 선언을 반환하..
-
[javascript] 46. 객체 속성(Object properties) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:31
JavaScript Object Properties 속성은 어떤 자바스크립트 객체에서의 가장 중요한 부분입니다. 1. JavaScript Properties 속성은 자바스크립트 객체와 연관된 값 입니다. 자바스크립트 객체는 정렬되지 않은 속성들의 집합입니다. 속성은 변경되고, 추가되고, 삭제될 수 있습니다. 2. Accessing JavaScript Properties 객체의 속성에 접근하는 문법입니다: objectName.property // person.age objectName["property"] // person["age"] objectName[expression] // x = "age"; person[x] 3. JavaScript for...in Loop 자바스크립트 for in 구문은 객체의..
-
[javascript] 45. 객체 선언(Object defination) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:30
JavaScript Objects 1. JavaScript Objects 자바스크립트에서, 거의 모든 것은 객체입니다. - 불리언, 숫자, 문자열, 날짜, 수학(Math), 정규 표현식, 배열, 함수, 객체 자바스크립트에서, 모든 값(except primitive values)은 객체입니다. 2. Objects are Variables Containing Variables 변수는 단일 값을 포함 할 수 있습니다: 1var person = "John Doe";cs 객체 또한 변수 입니다. 그러나 객체는 여러 값을 포함 할 수 있습니다. 값은 이름 : 값 쌍으로 작성되어 집니다. 1var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"..
-
[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..