js
-
[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..
-
[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..
-
[javascript] 32. 정규표현식(regular expression) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:23
JavaScript Regular Expressions 1. What Is a Regular Expression? 정규 표현식(Regular expression)은 검색 패턴의 형태의 일련의 문자의 연속입니다. => A regular expression is a sequence of characters that forms a search pattern. 문자열 데이터를 검색 할 때, 어떤 것을 검색할 지에 대한 검색 패턴을 사용합니다. 정규 표현식은 단일 문자 혹은 더 복잡한 패턴 일 수 있습니다. 검색 패턴은 문자열 검색, 문자열 변환 작업에 사용됩니다. 문법:/pattern/modifiers; 예제: 1var patt = /w3schools/ics /w3schools/i 는 정규 표현식입니다. w3s..