자바스크립트
-
[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] 38. 좋은 지침(Bset Practices) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:26
JavaScript Best Practices 1. Avoid Global Variables 전역 변수 사용을 최소화 합니다. 위 해당사항은 모든 데이터 타입, 객체, 함수를 포함합니다. 전역 변수와 함수는 다른 스크립트에서 덮어쓰여 질 수 있습니다. 2. Always Declare Local Variables 함수에서 사용하는 모든 변수는 지역 변수로 선언되어 집니다. 지역 변수는 var 키워드로 선언되어져야 합니다. 그렇지 않으면 전역 변수가 되버립니다. 3. Declarations on Top 모든 선언부를 각 스크립트의 상단에 위치시키는 것은 좋은 코딩 지침입니다. 원하지 않는 전역 변수를 피할 수 있는 좋은 방법입니다. 좀 더 깔끔한 코드를 만들고, 원하지 않는 재 선언을 줄일 수 있는 가능성을..
-
[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..
-
[javascript] 35. 끌어올리기(Hoisting) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:25
JavaScript Hoisting 끌어올림(Hoisting)은 자바스크립트의 선언부를 상단에 위치시키는 기본적인 행위 입니다. 1. JavaScript Declarations are Hoisted 자바스크립트에서, 변수는 사용되기 전에 선언되어야 합니다. 예제 1과 예제 2는 같은 결과를 냅니다: 예제 1: 1234567 x = 5; // Assign 5 to x elem = document.getElementById("demo"); // Find an element elem.innerHTML = x; // Display x in the element var x; // Declare xColored by Color Scriptercs 예제 2: 12345var x; // Declare xx = 5; /..
-
[javascript] 34. 디버깅(debugging) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:24
JavaScript Debugging 1. JavaScript Debugging 자바스크립트 코드는 디버거(debugger) 없이는 작성하기 힘듭니다. 문법적(Syntax) 에러나 논리적(logical) 에러를 포함한 코드는 진단(diagnose)하기 힘듭니다. 자바스크립트 코드가 에러를 가지고 있을 때, 아무일도 일어나지 않습니다. 에러 메세지 또한 없습니다. 2. JavaScript Debuggers 프로그래밍 코드의 에러를 찾는 것은 코드 디버깅이라 부릅니다. 디버깅은 쉽지 않습니다. 그러나 현대 브라우저는 내장된 디버거를 가지고 있습니다. 디버거를 사용하여 중단 점을 설정할 수 있습니다. 그리고 코드가 실행되는 동안 변수를 검사할 수 있습니다. 3. The console.log() Method 브..
-
[javascript] 33. 에러 - try/catch 문(Error - try / catch throw) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:23
JavaScript Errors - Throw and Try to Catch try 문은 에러가 있는 블럭의 코드를 테스트 하기 위함입니다. catch 문은 에러를 처리합니다. throw 문은 커스텀(custom) 에러를 만듭니다. finally 문은 결과에 상관없이 try, catch문 후에 실행되는 문입니다. 1. Errors Will Happen! 자바스크립트 코드를 실행 할 때, 다른 에러가 발생합니다. 에러는 프로그래머에 의해서 만들어진 에러가 있을 수도 있고, 잘못된 입력 값에 의해서, 예견할 수 없는 에러들이 있을 수 있습니다: 12345678910111213141516171819 try {adddlert("Welcome guest!");}catch(err) {document.getEleme..