자바스크립트
-
[자바스크립트 중고급] Function 오브젝트개인 공부/JavaScript 2022. 1. 5. 10:02
✔️ 생각의 전환 함수가 호출되면 엔진은 함수의 변수와 함수를 {name: value} 형태로 실행 환경을 설정하고 함수 코드를 실행한다. {name: value} 형태로 생각을 전환해야 JS의 아키텍처와 매커니즘을 쉽게 이해할 수 있다. function() {} 코드를 보면 함수의 변수와 함수가 {name: value} 형태로 연상되어야 한다. function 오브젝트 생성 과정 function sports() {...} 형태 과정에서 function 키워드를 만나면 오브젝트를 생성하고 저장한다. {sports: {...}} sports는 function 오브젝트 이름 오브젝트 {...}에 프로퍼티가 없는 상태 이제부터 빈 오브젝트를 채운다. sports 오브젝트에 prototype 오브젝트 첨부 pr..
-
[자바스크립트 비기너] Boolean 오브젝트, 자바스크립트 특징, JSON, Date, Math 오브젝트개인 공부/JavaScript 2021. 12. 2. 23:53
Boolean 오브젝트 빌트인 오브젝트 값이 있으면 true로 인식한다. false 인식 기준 undefined, null, NaN 빈 문자열, 숫자 타입의 0 new Boolean() toString() 변환 대상의 true, false를 문자열로 변환한다. 1. 자바스크립트 특징 자바스크립트는 스크립팅(Scripting) 언어이다. 스크립팅 언어 특징 소스 파일의 코드를 사전에 컴파일하여 실행 파일을 만들지 않고 사용하는 시점에 컴파일하여 실행한다. 컴파일 순서 소스 파일의 위에서 아래로부터 function 키워드를 만나면 function 오브젝트를 생성한다. 이때, 함수 안의 코드는 컴파일하지 않는다. 함수가 호출되었을 때, 위의 방법으로 컴파일한다. 2. JS와 객체지향 자바스크립트는 객체지향 언..
-
[자바스크립트 비기너] Array 오브젝트(ES5)개인 공부/JavaScript 2021. 11. 18. 23:16
1. Array 오브젝트(ES5) isArray() 체크하는 대상이 배열이면 true, 아니면 false를 반환한다. isArray()는 함수이다. Array.isArray() 형태로 호출해야 한다. isArray()가 필요한 이유 console.log(typeof { a: 1 }); // object console.log(typeof [1, 2]); //object console.log(typeof null); // object typeof 연산자로 위와 같은 값들의 데이터 타입을 구하면 모두 object가 나오기 때문에 배열 여부를 체크할 수 없다. [1, 2]는 Array.isArray()를 사용하여 데이터 타입을 체크한다. null은 Object.is()를 사용하여 체크한다. 서버에서 JSON 데..
-
[자바스크립트 비기너] Array 오브젝트(ES3)개인 공부/JavaScript 2021. 11. 18. 23:15
1. Array 오브젝트(ES3) ES3는 프로그래밍 언어로서 배열의 기본을 다룬다면, ES5는 활용하는 측면이 강하다. Array 오브젝트 개요 빌트인 오브젝트이다. Array(배열) 형태 Array 오브젝트는 배열 오브젝트라고 불러도 무방하다. ex. [123, "ABC", "가나다"] 대괄호 안에콤마로 구분하여 값을 작성한다. 배열 엘리먼트 [123, "ABC"]에서 123, "ABC" 각각을 엘리먼트 또는 요소라고 부른다. 배열 안에 작성할 수 있는 엘리먼트의 수는 2의 32승 - 1개이다. 인덱스(Index) 엘리먼트 위치를 뜻한다. 왼쪽부터 0번 인덱스, 1번 인덱스... 배열 특징 엘리먼트 작성이 순서를 갖고 있다. 배열 전체를 작성한 순서로 읽거나 인덱스로 값을 추출할 수 있다. 인덱스는 ..
-
[자바스크립트 비기너] Global 오브젝트개인 공부/JavaScript 2021. 11. 11. 15:06
1. Global 오브젝트 개요, Global 함수, 변수 Global 오브젝트 개요 모든 를 통해 하나만 존재한다. new 연산자로 인스턴스를 생성할 수 없다. (하나만 존재하기 때문에 애초에 생성할 필요가 없다.) 모든 코드에서 공유된다. (여러 파일에서 사용할 수 있다. 파일이 달라도 전체가 하나!) 이름(Global)은 있지만 오브젝트 실체가 없고 오브젝트를 작성 및 사용할 수 없다. Global 오브젝트 함수, 변수 Global 오브젝트의 함수, 변수를 Global 함수, Global 변수라고 부른다. 함수 안에 작성한 것을 지역 함수, 로컬 함수라고 부른다. 지역 변수, 로컬 변수라고 부른다. 일반적으로 그냥 함수는 함수 안에 작성한 것을 의미한다. 확실히 구분을 하기 위해서는 Global 함..
-
[자바스크립트 비기너] Function 오브젝트개인 공부/JavaScript 2021. 11. 11. 15:06
1. 프로퍼티 리스트, Function 인스턴스 생성 new Function() Function 인스턴스를 생성한다. 파라미터에 문자열로 함수의 파라미터와 함수 코드를 작성한다. var obj = new Function("book", "return book"); obj("JS 책"); // book에 파라미터 값을 넘겨준다. 파라미터 수에 따라 인스턴스 생성 기준이 다르다. 파라미터 2개 이상 작성한 경우 마지막 파라미터에 함수에서 실행할 함수 코드를 작성한다. 마지막을 제외한 파라미터에 이름을 작성한다. 파라미터 하나 작성한 경우 함수에서 실행할 함수 코드를 작성한다. 파라미터가 없을 때 사용한다. var obj = new Function("return 1+2;"); console.log(obj());..
-
[자바스크립트 비기너] Object 오브젝트개인 공부/JavaScript 2021. 11. 11. 15:05
1. 자바스크립트 오브젝트 구분, 네이티브/호스트 오브젝트, 오브젝트와 인스턴스 자바스크립트의 오브젝트 빌트인 오브젝트 네이티브 오브젝트 호스트 오브젝트 네이티브 오브젝트 빌트인 오브젝트 사전에 만들어 놓은 오브젝트 빌트인 Number 오브젝트, String 오브젝트 ES5 기준 11개의 오브젝트가 있다. 네이티브 오브젝트 JS 스펙에서 정의한 오브젝트 빌트인 오브젝트가 포함된다. JS 코드를 실행할 때 만드는 오브젝트 예: Argument 오브젝트 (함수 호출되면 함수 안에서 만들어지고 함수를 빠져나오면 JS 엔진이 지워준다. 빌트인 성격이지만 사용성에 차이가 있다.) 빌트인 오브젝트는 네이티브 오브젝트에 포함되므로 자바스크립트의 오브젝트는 빌트인 오브젝트와 네이티브 오브젝트로 구분할 수 있다. (ES..
-
[자바스크립트 비기너] String 오브젝트개인 공부/JavaScript 2021. 11. 5. 00:00
1. String 오브젝트 개요, 문자열 연결 방법, 프로퍼티 리스트 String 오브젝트 문자 처리를 위한 빌트인 오브젝트 문자 처리를 위한 함수와 프로퍼티가 포함되어 있다. 문자열 연결 방법 한 줄에서 연결 (ex. var book = "12" + "AB";) 줄을 분리하여 연결 +로 문자열 연결 역슬래시()로 문자열 연결var concat = "abc \ 가나다라"; console.log(concat); // abc 가나다라 프로퍼티 리스트 https://poiemaweb.com/js-string 참고 2. 문자열로 변환, 프리미티브 값 구하기 String() 파라미터 값을 String 타입으로 변환하여 반환한다. 값을 작성하지 않으면 빈 문자열을 반환한다. ("" + 123)도 숫자가 String..