programing/Language
-
[JS] state와 mutable, immutableprograming/Language 2019. 7. 23. 18:08
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 해당 포스트는 Functional JS #3: State를 참고하여 정리한 포스트입니다. State state는 다양한 의미가 있지만, 특히 application state에 관심이 많다. application state는 다음과 같은 의미를 지닌다. 모든 변수들의 현재 값(current values of all the variables) 모든 할당된 객체들(all allocated objects) 열린 파일 기술자들(open file descriptors) 열린 네트워크 소켓들(open network sockets) 기타 등등(etc) 기본적으로 위의 모든 정보는 현재 앱에서 일어나는 모든 것들을 표현하는 방식이다. const..
-
[JS] promise와 async await의 차이programing/Language 2019. 7. 23. 17:23
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) promise console.log('aa'); const promise = new Promise(function(resolve, reject) { setTimeout(function() { resolve('foo'); }, 1000); }); console.log('bb'); promise.then(function(value) { console.log(value); // expected output: "foo" }); console.log('cc'); // 출력 // aa // bb // cc // foo promise.then()이 끝나고 난 후 cc를 출력하기를 기대하지만, 그렇지 않습니다. promise를 사용하면 pro..
-
[Functional] 지연 평가와 L.map, L.filterprograming/Language 2019. 7. 22. 17:40
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2019/06/25 - [programing/JavaScript] - [Functional] 평가와 일급, 고차함수 2019/07/15 - [programing/JavaScript] - [Functional] 순회와 이터러블 2019/07/15 - [programing/JavaScript] - [Functional] 제네레이터와 이터러블 2019/07/15 - [programing/JavaScript] - [Functional] map, filter, reduce 2019/07/18 - [programing/JavaScript] - [Functional] 코드를 값으로 다루어 표현력 높이기 2019/07/22 - [program..
-
[Functional] range, take, 느긋한 L.range, L.take, L.reduceprograming/Language 2019. 7. 22. 16:40
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2019/06/25 - [programing/JavaScript] - [Functional] 평가와 일급, 고차함수 2019/07/15 - [programing/JavaScript] - [Functional] 순회와 이터러블 2019/07/15 - [programing/JavaScript] - [Functional] 제네레이터와 이터러블 2019/07/15 - [programing/JavaScript] - [Functional] map, filter, reduce 2019/07/18 - [programing/JavaScript] - [Functional] 코드를 값으로 다루어 표현력 높이기 range const range = l..
-
[Functional] 코드를 값으로 다루어 표현력 높이기programing/Language 2019. 7. 18. 20:10
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 2019/06/25 - [programing/JavaScript] - [Functional] 평가와 일급, 고차함수 2019/07/15 - [programing/JavaScript] - [Functional] 순회와 이터러블 2019/07/15 - [programing/JavaScript] - [Functional] 제네레이터와 이터러블 2019/07/15 - [programing/JavaScript] - [Functional] map, filter, reduce 오늘은 코드를 값으로 다루어 좀 더 깔쌈한 프로그래밍을 해보는 방법에 대해 알아보도록 하겠습니다. go // 첫번째 인자에 이후 로직을 적용해나가는 함수를 구현하고자 ..
-
[JS] Object.prototype.function의 호출객체를 얻는 방법programing/Language 2019. 7. 17. 14:37
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 오늘은 특정 객체의 메소드가 자신을 호출한 객체에 어떻게 접근하는지 알아보도록 하겠습니다. 발단 ES6의 문법들을 보면 forEach, map, reduce, filter과 같은 배열객체의 메소드들이 많다. (Array.protytype의 속성으로 설정되어 있으므로...) 이런 함수들은 어떻게 자신을 호출한 배열객체에 접근할까? 정답 Array.prototype.myUcase = function() { for (i = 0; i < this.length; i++) { this[i] = this[i].toUpperCase(); } }; const fruits = ["Banana", "Orange", "Apple", "Mango"];..
-
[JS] 함수선언식과 함수표현식programing/Language 2019. 7. 16. 18:52
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 함수 선언식(function declaration/function statement)과 함수 표현식(function expression)에 대해 알아보도록 하겠습니다. 함수 선언식 코드 function foo() { return 3; } 호이스팅 호이스팅된다. 재선언 가능하다. 사용처 일반 함수를 정의하는 경우. 용례 일반 함수 조건부 생성 함수 (브라우저별 동작이 다르므로 권장하지 않음) 함수 표현식 코드 // 익명 함수 표현식 const foo = function () { return 3; }; // 이름 있는 함수 표현식 const bar = function barbar() { return 4; }; 호이..