Web/JavaScript

프로퍼티 리스트 Function - new Function() : 인스턴스 생성 - Function() : 인스턴스 생성 Function 프로퍼티 - length : 함수의 파리미터 수 Function.prototype constructor : 생성자 call() : 함수 호출 apply() : 함수 호출 : 배열을 파라미터로 사용 toString() : 함수를 문자열로 반환 bind() : 새로운 오브젝트를 생성하고 함수 실행 - new Function() : 파라미터 2개 이상 작성 예) var obj = new Function("one" , "two" , "return one+ two;"); console.log(obj(100,200)); 실행 결과 ) 300 파라미터 하나 작성 예) var obj..

오브젝트 - 오브젝트 구분 - 빌트인 오브젝트 (Built - in Object) - 네이티브 오브젝트 (Native Object) - 호스트 오브젝트 (Host Object) 빌트인 오브젝트 - 사전에 만들어 놓은 오브젝트 - 빌트인 Number 오브젝트, 빌트인 String 오브젝트 등 ... 네이티브 오브젝트 - JS 스펙에서 정의한 오브젝트 - 빌트인 오브젝트도 여기에 포함 - JS 코드를 실행할 때 만드는 오브젝트 호스트 오브젝트 - JS는 호스트 환경에서 브라우저의 모든 요소 기술을 연결하고 융합하며 이를 제어 - 빌트인, 네이티브 오브젝트를 제외한 오브젝트 - 예) window, DOM 오브젝트 호스트 오브젝트 예) var node = document.querySelector("div"); ..

String 오브젝트 - ABC 처럼 문자 처리를 위한 오브젝트 - String 오브젝트에 문자처리를 위한 함수와 프로퍼티가 포함되어 있으며 함수를 호출하여 문자 처리를 하게 된다. 문자열 연결 방법 예) var book = "12" + "AB" + "가나"; console.log(book); var book = "12" + "AB" + "가나"; console.log(book); var concat = "abc \ 가나다라"; console.log(concat); 실행 결과 ) 12AB가나 12AB가나 abc 가나다라 설명) 1. 한줄에 작성하는 방법 2. 줄 분리해서 + 문자열 연결 3. 역슬래시(\)로 문자열 연결 프로퍼티 리스트 - new String() : 인스턴스 생성 String 함수 - S..

오브젝트 (Number) - 숫자(123) 처리를 위한 오브젝트 - 즉, Number 오브젝트에 숫자 처리를 위한 함수와 프로퍼티가 포함되어 있으며 함수를 호출하여 숫자 처리를 하게 된다. 프로퍼티 리스트 - new Number() : 인스턴스 생성 Number 함수 - Number() : 숫자 값으로 변환하여 반환 Number.prototype - constructor : 생성자 - toString() : 숫자 값을 문자열로 변환 - toLocaleString() : 숫자 값을 지역화 문자로 변환 - valueOf() : 프리미티브 값 반환 - toExponential() : 지수 표기로 변환 - toFixed() : 고정 소수점 표기로 변환 - toPrecision() : 고정 소수점 또는 지수 표기..

프로퍼티 (Property) - { name : value } 형태 - 오브젝트에 프로퍼티 추가,변경 - var obj - { }; - obj.abc = 123; - obj 오브젝트에 프로퍼티 이름으로 - abc가 없으면 abc:123이 추가되고 - abc가 있으면 프로퍼티 값이 123으로 변경된다. 점과 프로퍼티 이름 사용 예) var book = { }; book.title = "JS마스터"; console.log(book); 실행 결과 ) {title:JS마스터} 대괄호 사용 예) var book = { }; book["title"] = "JS마스터"; console.log(book); 실행 결과 ) {title:JS마스터} abc 변수 이름 작성 예) var book = {title:"JS마스터"..

함수 - 특정 기능을 처리하는 자바스크립트 코드 묶음 - 함수 첫문자에 숫자, &, *, @, + 사용불가 - 함수이름은 동사+명사 형태로 작성한다. - 함수는 호출되어야 실행한다. 함수의 형태 예) function book() { var title = "책"; }; 변수에 할당한 함수 예) var point = function(one, two) { var total = one + two; };

if - 조건문 - 형태 : if (표현식) 문장1 else 문장2 - 숫자 0, 빈 문자열"", null, undefined, NaN은 불린형으로 변환 시 모두 false가 된다 - else 뒤에 이어지는 코드 블록은 조건이 거짓일 때 실행 예) var year = 2022; if (year == 2022) { console.log( "정답입니다!" ); } 실행 결과 ) 정답입니다! switch - 조건문 - 형태 :switch(표현식) { case 표현식 : 문장; break; default : 문장; }; 예) let a = 2 + 2; switch (a) { case 3: console.log( '비교하려는 값보다 작습니다.' ); break; case 4: console.log( '비교하려는..

크롬 브라우저 96버전의 개발자 도구창에서 __proto__가 [[Prototype]]으로 표시된다. __proto__는 __proto__에 개발자가 프로퍼티를 연결할 수 있다고 생각할 수 있다. 반면, [[]]는 ECMAScript 스펙에서 엔진이 사용하는 것을 뜻한다. 따라서 [[Prototype]]으로 표시하는 것이 더 확실하다. __proto__를 [[Prototype]]으로 생각하면 된다. [[Prototype]]을 펼치면 안에 __proto__가 있지만, 이 또한 엔진에서 사용한다.

연산자 (Operator) - 연산의 사전적 의미 : 규칙에 따라 계산하여 값을 구함 - 연산자 Operator 형태 - + , - , * , / , % , - > , >= , true 반환 == 연산자 - 동등 연산자 숫자 타입으로 변환 예) console.log(1 == "1"); 실행 결과 ) true undefined 비교 예) var value; console.log(value == undefined); 실행 결과 ) true undefined , null 비교 예) var value; console.log(value == null); 실행 결과 ) true === 연산자 - 일치 연산자 타입이 다름 예) console.log(1 === "1"); 실행 결과 ) false undefined ,..

자바스크립트 숫자 타입의 값이 IEEE 754의 부동소수점 표현 형식 중 배정밀도 64비트 부동소수점 형식을 따르기 때문이다. C나 자바의 경우, 정수와 실수를 구분해서 int, long, float, double 등과 같은 타입으로 정수와 실수를 구분해서 사용하지만, 자바스크립트의 경우 모든 수를 실수로 처리하기 때문에 하나의 숫자 타입만 존재한다. 옛날에는 컴퓨터의 성능이 좋지 않았기 때문에 이렇게 숫자의 타입의 크기를 지정해서 메모리를 효율적으로 사용하기 위해 타입이 분류되었다. 하지만 점점 컴퓨터의 성능이 좋아지면서 타입에 대해 덜 신경 쓰게 되었다. 배정밀도 64비트 부동소수점 부호부분 자바스크립트의 숫자 표현은 배정밀도 64비트 부동소수점 형식을 따른다고 했다. 여기서 부동소수점의 부동은 뜰부..

정수, 실수 정수 소수가 없는 123, -123 실수 소수를 가진 숫자 1.23, 1.1 JS는 정수, 실수를 구분하지 않음 1,1.0 모두 1.0으로 간주 단, 표시는 1로 표시 숫자 처리 정수와 실수를 구분하지 않음 64bit 부동 소수점 처리 IEEE 754 표준 부동 소수점 처리란? 123을 123.0 으로 처리 ES6에 정수, 실수 구분 추가 상수 변경 할 수 없는 값 상수 변경 상수가 설정된 변수 JS는 변수의 값을 변경 할 수 있으므로 상수 변수는 선언적 의미 상수 변수 표기 방법 코딩 관례로 영문 대문자 사용 상수로 사용한다는 시맨틱 선언 JS에서 제공하는 상수값은 변경 불가 Number.MAX_VALUE ..등 진수 10진수 : 123 16진수 : OxFF 8진수 : ES3 에서 폐지 ,..

변수 선언 방법 1. 변수만 선언하는 방법 var book; var을 작성하고 변수 이름 작성 값을 저장할 영역만 선언한 것 2. 변수 선언과 동시에 값 할당하는 방법 var book = "책"; = (등호) 오른쪽의 값을 왼쪽의 변수에 할당 book 변수로 값을 사용할 수 있게 됨 3. 다수의 변수를 선언과 동시에 값 할당하는 방법 var book = "책", value = 123; 콤마(,) 다음에 var를 작성하지 않음 콤마와 변수 이름 사이에 일반적으로 한칸 띄움 세미콜론(;) 앞까지 콤마 사용 가능 4. 줄을 바꾸어 작성 var book = "책", value = 123; 줄 끝에 콤마 작성 의미를 부여하여 변수 이름 작명(시맨틱 Semantic) 5. 선언 후 값 변경하기 var book = ..