일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- Spring Batch
- Spring Framework
- 웹앱
- reactor core
- reactive
- 공유기 서버
- ipTIME
- 웹 커리큘럼
- 웹 스터디
- 서버운영
- reactor
- spring reactive
- Today
- Total
목록Javascript/Book Study (10)
Hello World
http://jspro.org/code/
http://ajaxdaddy.com/demo-jquery-thickbox.html
9장 클래스 생성자 프로토 타입에 대한 공부내용 정리 자바스크립트에서는 모조 클래스(pseudoclass)를 정의할 수 있다. 모조 클래스는 프로토타입 객체나 생성자 함수를 사용하여 구현할 수 있다. 1. 생성자: new 연산자 뒤에는 항상 함수 호출이 따라와야 한다. 생성자는 새로운 객체를 초기화하고, 객체에 있는 프로퍼티 중에서 사용되기 전에 미리 값이 할당되어야 하는 프로퍼티들의 초기값을 할당한다. 생성자는 객체들의 클래스를 정의하기 때문에 생성자가 만들게 될 객체들의 클래스를 분명히 표현할 수 있게 이름 짓는 것이 좋다. cf) var a = new A(10);var b = A(10); -> 이 둘의 차이점은 ? 아래 변수 b는 window객체에 포함된다. ex) function Rectangle..
1. 함수의 정의와 호출- function 키워드로 시작하며 다음과 같은 항목들이 따라온다.1. 함수의 이름2. 함수()안에 0개 혹은 임의 개수의 매개변수 이름을 쉼표로 분리한 목록3. 중괄호 {} 안에 함수의 몸체를 구성하는 자바스크립트 문장들 - return문에 연결된 표현식이 없다면 함수는 undefined값을 반환한다.-> 함수에 return 문이 없으면 단순히 함수 몸체를 이루는 문장들을 하나씩 실행한 뒤에 undefined 값을 호출자에게로 반환한다. - 일반적으로 매개변수는 실행되는 함수의 몸체 안에서만 유효하며 함수의 밖에서 또는 함수가 반환한 후에는 접근할 수 없음을 유의하라. - 전달인자의 데이터 타입이 중요하다면 typeof 연산자를 사용하여 직접 테스트할 수 있다.- 함수가 기대하..
7장. 객체와 배열 1. 객체 : 객체는 복합 타입이다. 2. 객체 프로퍼티 열거하기 function DisplayPropertyNames(obj){ var names = “”; for(var name in obj) names += name + ‘\n’; alert(names); } 3. 프로퍼티 존재 확인하기 if( “x” in o ) o.x = 1; // 객체 o에 프로퍼티 “x”가 있으면 1을 저장한다. if(o.x !== undefined) o.x = 1; // x가 존재하고 값이 undefined가 아니라면 1을 저장 // 객체에 없는 프로퍼티에 접근하려 하면 undefined값 반환 4. 연관 배열로서의 객체 - object.property와 object[“property”] 는 완전히 동일한..
6. 문장에 대한 간단한 내용 정리. . 1. 표현식 ( 표현문 ) : 평가되어 어떤 값을 내줄 수 있는 자바스크립트 구절 표현문 : 부수 효과가 있는 표현식 ex) s = “Hello” + name ;i *= 3;count++; // 변수 값을 바꾸는 부수 효과 alert(“Welcome, “ + name); // 클라이언트 측 함수 호출은 표현식이지만 웹 브라우저에 영향을window.close(); // 미치기도 한다. 따라서 이러한 함수 호출은 동시에 문장이기도 하다. * 모두 세미콜론으로 끝남. function문은 문장이 아니다. 2. 복합문 : 하나의 문장에 다수의 문장을 합치는 방법 ex) { x = Math.PI; cx = Math.cos(x); alert(“cos(“ + x + “) = “..
5장 표현식과 연산자는 자바스크립트 언어만의 특징이 슬슬 보이기 시작하는 단원이 아닐까 생각한다. 1. 피연산자 타입 : - ‘ + ‘ 연산자 : 숫자타입 피연산자 = 덧셈 문자열타입 피연산자 = 이어 붙임 - 문자열 하나와 숫자 하나를 전달 받을 경우, 숫자를 문자열로 변환하여 얻어진 문자열을 원래의 문자열과 이어 붙인다. 2. 동등 ( == ) 과 일치 ( === ) : 1. 일치하는지 아닌지 판단하는데의 규칙 - 두 값의 타입이 다르면, 두 값은 일치하지 않음 - 두 값이 모두 숫자이고 값이 같다면 두 값은 일치. 단, 적어도 하나의 값이 NaN일 경우 두 값은 일치하지 않음. NaN값은 어느 값과도 일치하지 않는다. - 두 값이 모두 문자열이고 같은 위치에 정확히 같은 문자들을 갖고 있다면 두 값..
4. 변수 단원은 내용이 어렵지 않아 간단히 정리하고 끝. - 변수 선언 : - var문으로 선언되지 않은 변수에 값을 할당하려 하면, 자바스크립트가 암묵적으로 그 변수를 선언 함. ( 단, 항상 전역 변수로 선언 됨) - 블록 단위의 유효 범위는 없다. - 함수 안에서 정의된 변수는 그것이 정의된 위치에 관계없이 항상 함수 전체에 걸쳐 유효하다. - 정의되지 않은 변수 vs 할당되지 않은 변수 - 선언되지 않은 변수 : 읽을 경우 런타임 에러가 발생 - 할당되지 않은 변수 : 읽을 경우 undefined 가 발생 - this 키워드를 사용해서 전역객체를 참조할 수 있다. - Window 객체 : 브라우저 창에 표시되는 모든 자바스크립트 코드의 전역 객체 역할 담당 - Window 프로퍼티 : this ..
3장 데이터 타입과 값 단원에 대한 내용 정리. 1. 특수한 숫자 값 - Infinity, -Infinity : 무한대를 나타내는 특수한 값 - NaN : 수리연산이 정의되지 않은 결과를 산출하거나 에러를 발생시킬 경우 리턴되는 값 어떤 숫자와 비교해도 동일하지 않으며 심지어 스스로와 비교해도 그렇다. ( ==, === 할때 다시 나오는 내용) cf. isNaN() : NaN값을 테스트 하기 위함 . isFinite() : 주어진 숫자가 NaN이 아닌 동시에 양의 무한대나 음의 무한대가 아닌지 여부를 검사 2. 숫자를 문자열로 변환 a. var n = 100; var s = n + “bottles of beer on the wall.”; b. var n_as_string = n + “”; c. var s..
2장은 따로 어려운 내용은 없고, 용어 정리 위주의 간단한 정리로 마침 1. 대소문자 구분. HTML은 대소문자를 구별하지 않지만 Javascript는 구별한다. 즉, 자바스크립트에서는 모두 소문자로 입력해야 한다. 2. 선택적인 세미콜론 사용 자바스크립트에서는 세미콜론을 생략 할 수 있다. 하지만 항상 사용하는 습관을 들여라. 3. 리터럴 프로그램에 직접 나타나는 데이터 값. 4. 식별자 간단히 말해서 이름. 첫 번재 문자는 알파벳, 밑줄, 달러표시로 시작. 숫자는 안 된다. 5. 예약어 예약되어 잇는 키워드들. 자바스크립트 프로그램 내에서 식별자로 사용 할 수 없는 단어들 Quiz. ( 출처 kingear님 )1. 다음 보기 중 리터럴에 해당 하는 것을 모두 골라라A. ifB. functionC. t..