본문 바로가기

Javascript

Javascript 2022. 11. 1. go() 와 curry() 를 사용하여 읽기 좋은 코드 만들기 - JS ES6+ 함수형 프로그래밍 - 20 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 이 내용은 이전 게시물과 이어집니다. 함수를 위에서부터 아래로, 왼쪽에서부터 오른쪽으로 함수를 평가하면서 연속적으로 함수를 실행하고, 이전에 실행된 함수의 결과를 다음 함수에게 전달하는 go 함수를 사용하여 코드 작성방식을 바꿀수 있다. // 이전에 만..
Javascript 2022. 10. 30. JS 에서 Set 객체의 사용 Set 객체란 ? Set 객체는 중복되지 않는 유일한 값들의 집합 이다. Set 객체는 배열과 유사 하지만 차이점이 있다. 1. 동일한 값을 중복하여 포함 할수없다. 2. 요소 순서에 의미가 없다. 3. 인덱스로 요소에 접근할수 없다. 이러한 특성은 수학적 집합의 특성과 일치하는데, Set 객체는 수학적 집합을 구현하기 위한 자료구조다. 따라서 Set 을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할수 있다. Set 객체의 생성 Set 객체는 Set 생성자 함수로 생성한다. Set 생성자 함수에 인수를 전달하지 않으면 빈 Set 객체가 생성된다. const set_1 = new Set(); console.log(set_1); // Set(0) {} Set 생성자 함수는 이터러블을 인수로 전달받아 S..
Javascript 2022. 10. 29. JS에서 제너레이터란 ? ES6 에서 도입된 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 일반 함수와의 차이는 다음과 같다. 1. 제너레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양도할 수 있다. 일반 함수를 호출하면 제어권이 함수에게 넘어가고 함수 코드를 일괄 실행한다. 이는 함수 호출자 (caller)는 함수를 호출한 이후 함수 실행을 제어할 수 없음을 의미한다. 제너레이터 함수는 함수 실행을 함수 호출자가 제어할 수 있다. 다시 말해, 함수 호출자가 함수 실행을 일시 중지 시키거나 재개시킬 수 있다. 이는 함수의 제어권을 함수가 독점하는 것이 아니라 함수 호출자에게 양도( yield ) 할수 있다는 것을 의미한다. 2. 제너레이터 함수는 함수 호출자와 함수의 상태를 ..
Javascript 2022. 9. 30. JS 에서의 Symbol 의 사용과 응용 1. symbol 과 상수 예제로 symbol 을 어떤 경우에 사용할수 있는지 알아보자. import { log } from "console"; // 이 경우에는 value 인 1,2,3,4 에는 의미가 없고 상수의 이름자체에 의미가 있다. const Direction_1 = { up: 1, down: 2, left: 3, right: 4, }; const myDirection_1 = Direction_1.up; if (myDirection_1 === Direction_1.up) { log("up!"); // up! } // 이 경우 문제는 상수 값 1,2,3,4 가 변경될수 있으며, // 다른 변수값과 중복 될 수도 있다는 것이다. // 이러한 경우 변경 / 중복될 가능성이 있는 무의미한 상수 대신 s..
Javascript 2022. 9. 29. JS 에서 Symbol 이란? 1. Symbol 이란? Symbol 은 ES6 에서 추가된 7번째 타입으로, Symbol 데이터 형식은 값으로 익명의 객체 속성 (Object Property) 을 만들수 있는 특성을 가진 원시 데이터 타입 이다. 클래스나 객체 형식의 내부에서만 접근할수 있도록 전용 객체 속성의 키로 사용된다. Symbol 은 Symbol 원시 데이터 값 이다. ES6 이하에는 symbol 과 동등한 형식이 존재하지 않는다. 이 Symbol 은 객체의 속성으로 사용될수 있고, 다른 값과 중복 되지 않는 유일무이한 값이다. 따라서 이름이 충돌할 위험이 없는 객체의 유일한 프로퍼티 키를 만들기 위해 사용한다. const key = Symbol("key"); log(typeof key); // symbol let simpl..
Javascript 2022. 9. 28. reduce 를 이용한 함수 pipe() 를 구현해보자 - JS ES6+ 함수형 프로그래밍 - 19 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 이 내용은 이전 게시물과 이어집니다. 앞서 작성한 go() 함수에 이어서, pipe() 라는 함수를 만들어 볼것이다. pipe() 는 go() 함수와 다르게 '함수를 리턴하는 함수' 이다. go() 함수는 즉시 함수들과 인자를 전달해서 바로 어떤값을 평..
Javascript 2022. 9. 27. reduce 를 이용한 함수 go() 를 구현해보자 - JS ES6+ 함수형 프로그래밍 - 18 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 이 내용은 이전 게시물과 이어집니다. 함수형 프로그래밍 에서는 코드를 값으로 다루는 아이디어를 많이 사용한다. 코드를 값으로 다룰수 있기 때문에 함수가 코드인 함수를 받아서 평가하는 시점을 원하는대로 다룰수가 있기 때문에 코드의 표현력을 높인다던지 좋은..
Javascript 2022. 9. 27. map + filter + reduce 중첩 사용과 함수형 사고 - JS ES6+ 함수형 프로그래밍 - 17 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 이번에는 앞에서 만들었던 map, filter, reduce 함수를 함께 중첩해서 사용해 보는 코드를 작성해보자 앞의 내용을 건너뛰고 오신분들을 위해, 먼저 함수를 모듈화해서 정리해보겠습니다. ( 사실 내가 정리 해야해서,,, ) export funct..
Javascript 2022. 9. 27. reduce 함수를 구현해보자 2 - JS ES6+ 함수형 프로그래밍 - 16 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 이전 게시물 내용과 이어집니다. 이 reduce 같은 경우 보조함수를 통해 어떻게 축약할지 완전히 위임하기 때문에, 단순한 number[ ] 외에 복잡한 데이터형태도, 특정한 하나의 축약을 하기위해 어려움이 없다. import { log } from "..
Javascript 2022. 9. 20. reduce 함수를 구현해보자 - JS ES6+ 함수형 프로그래밍 - 15 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com reduce 는 값을 축약하는 함수이다. 이터러블 값을 하나의 값으로, 다른 값으로 축약해 나가는 함수다. reduce 는 언제 사용할까? // 이 값들을 모두다 더해서 하나의 값으로 만든다 할때 // reduce 를 사용하게 된다. const nums..

티스토리툴바