본문 바로가기

Java Script22

JS - 객체 지향 1. 객체 지향 객체 지향 프로그래밍은, 절차 지향 프로그래밍과는 다르게 데이터와 기능을 한데 묶어서 처리한다. 속성과 메소드가 하나의 "객체"라는 개념에 포함되며, 이는 JS 내장 타입인 object 와는 다르게, 클래스라는 이름으로 부른다. ----------------------------------------------------------------------------------- 2. 메소드 호출 메소드 호출은 객체.메소드() 와 같이 객체 내에 메소드를 호출하는 방법이다. ** 카운터를 구현한 예제 ( Singleton 패턴 ) let counter1 = { value: 0, increase: function() { this.value++; // 메소드 호출을 할 경우, this 는 cou.. 2021. 5. 10.
JS - 고차함수 1. 일급 객체 JS 에는 특별한 대우를 받는 일급 객체( First-class citizen )가 있다. 대표적인 일급 객체 중 하나가 함수이다. ----------------------------------------------------------------------------------- 2. 함수의 특별 취급 변수에 할당할 수 있다. 다른 함수의 인자로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. ----------------------------------------------------------------------------------- 3. 고차 함수 고차 함수( higher order function )는 함수를 인자로 받을 수 있고, 함수의 형태로 리턴할 수 있는 함수.. 2021. 4. 28.
JS - DOM 1. DOM ( Document Object Model ) DOM 은 HTML 요소를 Object( JS OBject )처럼 조작( Manipulation ) 할 수 있는 모델이다. 즉, JS 를 사용할 수 있다면 DOM 으로 HTML 을 조작할 수 있다.. ** 트리구조 : 트리구조의 가장 큰 특징은 부모가 자식을 여러 개 가지고, 부모가 하나인 구조가 반복된다. 1 - 1) NodeList Nodelist 객체는 일반적으로 childNodes 와 querySelectorAll 과 같은 메서드에 의해 반환되는 노드의 콜렉션이다. Nodelist 는 Array 가 아니지만, forEach() 를 사용하여 반복할 수 있다. 또한 Array.from() 을 사용하여 Array 로 변환할 수도 있다. ----.. 2021. 4. 26.
JS - Spread / Rest 문법 1. Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때에 사용한다. spread 문법은 기존 배열을 변경하지 않으므로( immutable ), 배열의 값을 바꾸려면 새롭게 할당해야 한다. ----------------------------------------------------------------------------------- 2. Rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있다. 파라미터 갯수가 가변적일 때 유용하다. ----------------------------------------------------------------------------------- 3. Spread 배열 합치기 let parts = ['shoulder.. 2021. 4. 23.

티스토리툴바