프로그래밍/JavaScript
-
JavaScript ES6 제너레이터와 이터레이터프로그래밍/JavaScript 2019. 5. 31. 13:48
제너레이터 / 이터레이터 제너레이터 : 이터레이터이자 이터러블을 생성하는 함수, 함수 이름 앞에 *를 붙여 사용합니다. Odds 홀수 for of, 전개 연산자, 구조 분해, 나머지 연산자의 사용 과정 후기 홀수를 만드는 함수를 제너레이터 함수를 이용해서 만들어본 과정이였다. 처음에 함수에 * 을 사용해서 무슨 뜻인가 잘 몰라서 구글링을 좀 했다. 아직도 완벽히 이해가 된 단계는 아닌것같지만 대략적으로는 알것같다. while 반복문을 사용할시에 보통 true 값을 주게되면 무한으로 계속 작동되기에 브라우저가 뻗어버리는 경우가 존재하는데 제너레이터 함수를 이용해서 반복문을 돌릴시에는 limit 값을 주지 않을 경우에 한정없이 작동하지만 실행할때만 작동하므로 원하는 값을 지연시킬수있다는 생각이 들었다. 사실..
-
JavaScript ES6에서의 순회와 이터러블 프로토콜프로그래밍/JavaScript 2019. 5. 30. 16:58
기존의 JavaScript ES5과는 달라진 ES6에서의 리스트 순회 기존의 JavaScript ES5에서는 for 문의 i++을 사용하여 배열 내를 순회함 JavaScript ES6에서는 for of 문을 사용하여 순회 Array Set Map 이터러블/이터레이터 프로토콜 이터러블 : 이터레이터를 리턴하는 Symboliterator 를 가진 값 이터레이터 : {value, done} 객체를 리턴하는 next() 를 가진 값 이터러블/이터레이터 프로토콜 : 이터러블을 for...of, 전개 연산자 등과 함께 동작하도록 한 규약 사용자 정의 이터러블 전개 연산자 const a = [1,2]; // a[Symbol.iterator] = null; console.log([...a, ...[3,4]); 과정 후..
-
JavaScript ES6 함수형 자바스크립트 기본프로그래밍/JavaScript 2019. 5. 26. 15:48
JavaScript 평가 JavaScript 코드가 계산되어 값을 만드는 것 JavaScript 일급 값으로 사용 가능 변수에 값 저장 가능 함수의 인자 & 결과로 사용 가능 JavaScript 일급 함수 함수를 값으로 사용 가능 조합성과 추상화의 도구 JavaScript 고차 함수 함수를 값으로 사용하는 함수 함수를 받아서 인자로 사용하는 안에서 실행하면서 원하는 인자를 적용하는 함수 (어플리케이티브 프로그램) 함수를 만들어 리턴하는 함수 (클로저 리턴 함수) 과정 후기 분명 Udacity Front-End 강의 때 나왔던 내용인것같은데 아무래도 ES6 위주의 학습이 아닌 기본과정이다보니 처음보는 내용들도 있고 용어들도 알게되어 좋았습니다. 코드들을 보니 대략적으로 어떻게 작동하는지는 이해가 가는데 이..
-
[JavaScript] 07. 함수 표현식프로그래밍/JavaScript 2014. 5. 28. 16:20
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. 이 장에서 다루는 내용 - 함수 표현식의 특징 - 함수와 재귀- 클로저를 이용한 고유 변수* 함수 표현식은 자바스크립트에서 가장 강력하면서도 혼란스러운 부분중 하나인데 5장에서 설명하였듯이 함수를 정의하는 방법은 함수 선언과 함수 표현식 두가지이다. 첫 번째 방법인 함수 선언은 function 키워드 다음에 함수 이름을 쓰는 형태이다. 두 번째 방법으로는 함수 표현식을 사용하는 방법인데 함수 표현식 패턴은 일반적인 변수 할당과 거의 비슷하다. 7.1 재귀 - 재귀함수는 일반적으로 함수가 자기 자신을 이름으로 호출하는 형태로 이루어져 있다...
-
[JavaScript] 05-2. 참조타입프로그래밍/JavaScript 2014. 5. 27. 22:44
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. * 단원간 파트가 길어짐에 따라 단원을 분리하여 정리할 생각입니다. 5.3 Date 타입 - ECMAScript의 Date 타입은 자바 초기 버전의 java.util.Date에 기반한다.- Date 타입은 날짜와 시간을 저장할 때 1970년 1월 1일 자정부터 몇 밀리초가 지났는지 나타내는 숫자를 사용- 이런 형식을 사용하므로 Date 타입은 1970년 1월 1일 자정으로부터 285,616년 전후의 날짜를 정확히 표현할 수 있다.- 날짜 객체를 생성할 때는 new 연산자 다음에 Date 생성자를 사용- ECMAScript 5에서는 Date..
-
[JavaScript] 05-1. 참조타입프로그래밍/JavaScript 2014. 5. 27. 05:58
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. * 단원간 파트가 길어짐에 따라 단원을 분리하여 정리할 생각입니다. 이 장에서 다루는 내용- 객체로 작업하기 - 배열 생성하고 조작하기- 자바스크립트의 데이터 타입 이해- 원시 데이터 및 원시 래퍼로 작업하기 - 참조 값(객체)란 특정 '참조 타입'의 인스턴스- ECMAScript에서 참조 타입은 데이터 기능을 그룹으로 묶는 구조- 참조 타입은 객체가 가져야 할 프로퍼티와 매서드를 정의한다는 점 때문에 '객체 정의' 라고도 불린다.- 객체를 생성할 때는 new 연산자 뒤에 '생성자'를 사용 (생성자는 객체를 생성하는 함수) 5.1 Obje..
-
[JavaScript] 06-1. 객체 지향 프로그래밍 - 객체에 대한 이해프로그래밍/JavaScript 2014. 4. 9. 18:47
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. * 자바스크립트 제대로 배우기 스터디 그룹의 커리큘럼에 따라 6장을 먼저 정리합니다. 또한 단원간 파트가 길어짐에 따라 단원의 한파트별로 정리할 생각입니다. 이 장에서 다루는 내용 - 객체 프로퍼티의 이해 - 객체의 이해와 생성- 상속의 이해 - 객체지향(Object-oriented : OO) 언어는 일반적으로 클래스를 통해 같은 프로퍼티와 메서드를 가지는 객체를 여러 개 만든다는 특징이 있다.- ECMAScript에는 클래스라는 개념이 없으며 이에 따라 ECMAScript의 객체는 다른 클래스 기반 언어와 다르다.- ECMAScript는..
-
[JavaScript] 04. 변수와 스코프, 메모리프로그래밍/JavaScript 2014. 4. 3. 02:33
>(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. 이 장에서 다루는 내용 - 변수의 원시 값과 참조 값 - 실행 컨텍스트의 이해- 가비지 컬렉션의 이해 4.1 원시 값과 참조 값 - ECMAScript 변수는 원시 값, 참조 값 두 가지 타입의 데이터 저장 가능, 여기서 원시 값은 단순한 데이터, 참조 ㄱ밧은 여러 값으로 구성되는 객체- 자바스크립트는 메모리 위치에 직접 접근하는 것을 허용하지 않으므로 객체의 메모리 공간을 직접 조작하는 일은 불가 4.1.1 동적 프로퍼티 - 변수를 생성하고 값을 할당하는건 '원시 값'과 '참조 값'이 비슷하지만 값이 변수에 저장이 되면 그 값으로 할 수..