전체 글
-
자바스크립트의 특징 (OOP, 스크립트 언어)JavaScript 2020. 10. 20. 22:52
스크립트 언어의 특징 자바스크립트는 ECMA스크립트라고도 불리며 아래와 같다. ECMA스크립트(ECMAScript, 또는 ES[1])란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 따라서 ECMA스크립트란 스크립트 언어를 표준화 시키기 위해 만든 명세이다. 따라서 JS는 ECMA스크립트가 가지는 기술 규격에 따라 정의된 표준화된 프로그래밍 언어이다. 스크립트 언어는 C, JAVA 와 같은 컴파일 언어와는 다르게 컴파일 과정을 프로그램을 실행하는 동시에 수행한다. 즉 HTML 문서안에 src 속성에 JS 파일을 작성해두면 HTML 파일이 랜더링 되면서 JS 파일을 찾아 실행 하게 되고, 실행 하게 되는 순간 컴퓨터가 읽을..
-
Array 객체 join(), includes() 매소드 활용JavaScript 2020. 10. 15. 18:10
이번에는 JS의 몇가지 유용한 매소드들에 대해 알아본다. 1. join() 해당 매소드는 호출하는 객체 배열의 각 요소 끝에 매개변수로 입력받은 문자(열)를 추가시켜 문자열로 변환하여 반환 해주는 매소드이다. 이때 가장 마지막 요소의 끝에는 매개변수로 입력받은 문자(열)을 추가하지 않는다. 위의 자료는 join의 활용을 나타내는 자료이다. 특정 문자열이 입력 될때 'q' 라는 문자값을 'e' 라는 문자값으로 모두 바꾸어 주는 replaceAll 이라는 함수를 정의 하였으며 해당 함수의 동작 방식은 다음과 같다. 입력받은 문자열을 split 매소드를 사용하여 target 문자를 기준으로 분리시킨다. 만약 타켓 문자가 'q'일 경우 위와 같이 q를 기준으로 모든 문자열을 분리하여 배열형태로 변환 변환 받은 ..
-
Array 객체 매소드 정리 (ES5)JavaScript 2020. 10. 14. 19:06
ES5 버전부터는 아래의 매소드들이 추가로 제공된다. Array 객체 prototype 정리 indexOf() 지정한 값에 일치하는 요소의 인덱스 반환 lastindexOf() 지정한 값에 일치하는 요소의 마지막 인덱스 반환 forEach() 배열의 요소를 콜백함수의 파라미터로 넘기며 배열 순회 continue, break 와 같이 배열을 순회 중에 멈출 수 없다 every() 반환 값이 false일 때 까지 콜백함수 실행 some() 반환 값이 true일 때 까지 콜백함수 실행 filter() 콜백 함수에서 true를 반환한 요소를 반환 한다. map() 콜백 함수에서 true를 반환한 값을 새로운 배열 형태로 반환 한다. reduce() 콜백 함수의 반환 값을 파라미터 값으로 사용한다. reduceR..
-
Array Property List (prototype)JavaScript 2020. 10. 13. 19:42
Array Prototype 1. constructor() 생성자 함수의 프로퍼티로 constructor이라는 Key로 생성자 함수에 접근할 수 있다. constructor 생성자 함수를 Call 하였더니 testList 변수의 Type 이 object로 변한 것을 볼 수 있다. 이는 Array 객체의 인스턴스라는 것을 나타낸다. 2. unshift() 배열의 첫 번째 Index에 요소를 삽입한다. 위와 같이 unshift 매소드의 매개변수로 넘겨준 자료가 배열의 0번째 요소로 추가되는 것을 확인할 수 있다. 3. concat() 매개변수로 입력된 자료를 합쳐주는 매소드로 String 객체의 concat 매소드와는 다르게 매게 변수로 입력된 자료를 합친 새로운 배열을 반환한다. 위와 같이 매개변수로 4,..
-
Global 오브젝트와 Window 오브젝트JavaScript 2020. 10. 10. 17:22
Global 오브젝트란 ? Global 오브젝트는 일반적으로 HTML 코드의 엘리먼트를 통해 하나만 존재하게 된다. () 즉 HTML 파일에 엘리먼트의 src 속성에 JS 파일을 넣고 해당 JS 파일에 코드를 작성하게 된다. Global 오브젝트는 이때 script 엘리먼트를 통해 하나만 존재하게 됨 으로 scrip 엘리먼트 안에 작성 된 파일을 공유한다. (Global 오브젝트로 작성 된 코드는 모든 파일, 코드에서 공유한다.) Global 오브젝트의 특징 Global 이라는 객체 이름은 존재하지만 실체가 없다. 즉 일반적인 객체는 객체의 이름을 통해 접근하게 되지만 (String.length) Global 오브젝트는 바로 프로퍼티를 통해 접근하게 된다. Global.isNaN() 처럼 객체의 이름을 ..
-
빌트 인 Function 객체JavaScript 2020. 10. 9. 02:30
JS의 함수를 사용하는 방법은 크게 3가지로 나누어진다. Function 객체의 생성자를 호출하여 함수 객체를 생성한 뒤 함수를 사용 함수 선언문을 사용하여 함수를 사용하는 경우 (일반적인 프로그래밍 언어의 함수 선언과 동일) 함수 표현 문을 사용하여 함수를 사용하는 경우 (함수 리터럴 방식으로 작성) 함수 리터럴 이란? 리터럴이란 프로그램의 소스코드 안에서 사용자가 직접 값을 지정하는 방법 또는 값 그 자체를 의미한다. 즉 변수나 계산을 통해 얻어지는 값이 아닌 소스코드로 직접 입력(타이핑) 된 데이터 그 자체를 의미한다. 123 숫자 리터럴 "ABC" 문자(열) 리터럴 {1 : "apple"} 객체 리터럴 function (a, b) { return a + b} 함수 리터럴 EX ) 123 (숫자 리..
-
-
JavaScript 의 Object 종류와 JS의 플랫폼JavaScript 2020. 10. 6. 15:49
JavaScript에서 사용되는 Object 의 종류는 크게 2가지로 다음과 같이 나눌 수 있다. 1. 네이티브 오브젝트 JS 스펙에 정의 되어있는 Object 를 의미한다. Number, String 과 같이 빌트인 된 오브젝트를 포함하는 개념이다. Argument Object 오브젝트 와 같이 JS코드를 실행시에 생성되는 특수한 Object 도 포함한다. 2. 호스트 오브젝트 네이티브 오브젝트와 같이 JS 스펙에 정의 되어있는 Object 가 아닌 모든 것 Window, DOM Object 와 같은 요소들이 존재한다. JS에서 기본적으로 제공되는 객체를 제외하며 JS가 사용 되는 환경 (플랫폼) 에서 제공되는 객체를 의미한다. Host Object는 JS 가 사용되는 환경 (호스트) 에 따라 호스트가..