# arrow

ktw9115

✅ JavaScript에서의 함수 생성 방법 종류 >✌️ 함수 선언문 (function statement) ✌️ 함수 표현식 (function expression) ✌️ 화살표 함수 (arrow function) ✌️ Function 생성자 (Function constructor) ✅ 함수 선언문 코드 > console.log(Add(5, 10)); // 15 > function Add(a, b) { return a + b; } > console.log(Add(10, 20)); // 30 ✅ 함수 표현식 코드 > const add = function (a, b) { return a + b; } > const res = add(10, 30); console.log(res); // 40 > let add = function Add(a, b) { return a + b; } > console.log(Add(10, 20))

ty_min12

es6란 es6는 자바스크립트버전 중 하나로 2015년에 발표 많은 자바스크립트 버전 중 유독 주목받는 이유는 대규모 문법적 향상 및 변경이 있었기 때문 1. let, const let(변수), const(상수) const: 재할당 X let: 재할당 O 2. arrow function 3. 삼항연산자 맨 앞의 조건이 true인 경우 ?바로 뒤의 로직이 false인 경우 : 바로 뒤의 로직이 실행된다. 4. 구조분해할당 (destructuring) 배열이나 객체의 속성(요소)를 각각 하나씩 떼어내어 변수에 담는다. 1) 배열의 경우 순서가 중요 왼쪽의 배열의 요소를 각각 하나씩 오른쪽의 변수 value1과 value2에 할당한다. (예1) (예2) 예2-1) 만약 할당하려는 변수의 수에 비해 배열의 요소 갯수가 부족하면 default값을 설정할 수 있다. 2) 객체인

dlrudgk95

Weekly I Learned Week02 👊 JavaScript의 ES란? ES는 ECMA Script의 약자 현재는 ES6 ECMA Script6의 규격을 따르고 있다 (ES6 - 6번째 규격 이런 느낌) 👉 즉, ECMA Script는 규격, 표준 즉, 스펙 👍 ES5/ES6 문법 차이 ES5문법 배열과 관련해서 새로운 메소드들이 생겼는데 대표적으로 forEach, map, filter, reduce, some, every와 같은 메소드가 생김 이 메소드들은 개발자가 반복 횟수나 조건을 잘못 입력하는 등의 실수를 줄여주는 효과 있음 object에 대한 getter/setter 지원 자바스크립트 strict 모드 지원(더욱 세심하고, 엄격하게 문법 검사) JSON 지원(과거에는 XML을 사용하다가, json이 뜨면서 지원) bind() 메소드가 생김 ES5 대표메소드 출처와 예제

asena1006

final과 const final과 const 모두 변수를 생성할 때 사용한다. var 로 생성하는 변수와 차이점은 우선 타입을 생략할 수 있다. 그리고 var 변수는 아래 코드에서 새로운 값을 재할당 시킬 수 있는데 final과 const는 불가능 하다. final 과 const 차이점 final : 변수에 할당되는 값을 알 수 없어도 된다. const : 변수에 할당되는 값을 알아야 한다. DateTime.now()는 코드 빌드시 현재 시간을 정확히 나타낸다. 코드가 언제 빌드될 지 코드 작성 당시에 알 수 없기 때문에 이런 상황에선 const 코드에 에러가 발생한다. 파라미터 파라미터란 함수에서의 매개 변수와 같은 의미이다. 포지셔널 파라미터 (positional parameter) 위의 예시처럼 매개변수의 순서가 중요한 파라미터를 포지셔널 파라미터(positional parameter) 라

jessiii

드림코딩 엘리 JS 기초 강의 재구성한 내용입니다. Function 함수 선언하는 법 function 이름은 명령형 동사로 만드는 것이 좋다 function은 참고로 object다 parameter function 공부하다가 파라미터가 나오는데'파라미터가 뭐지??'싶어서 구글링을 하다가 안되서 유튜브에서 검색했는데 '코딩애플'님의 파라미터 설명을 보고 마침내 이해를 하게 되었다 (덩달아 function의 기능도 잘 이해할 수 있었다!! function은 파라미터 없이 쓸수도 있지만 파라미터를 만들면 으로 간단하게 여러가지를 실행할 수 있게된다는 장점이 있다. 심지어 function(파라미터1, 파라미터2, 파라미터3...)파라미터 여러개를 쓸 수 있다 는 내용을 알게 되었다) premitive parameter(기본형 매개변수) 더 이상 나누어질 수 없는 파라미터, 가장 기본의 파라미터 (premitive 원시의) number, string, boolea

dambyworld

Functional Programming 의 근사한 기교 중에 하나인 커링을 탐구해보아욤. 우리는 자주 메서드나 함수에서 객체를 리턴하는 것은 이상하게 여기지 않아왔으나, 함수를 리턴하는 것은 그렇게 익숙한 느낌은 아니었나봐요 이제 진정하게 함수를 일급시민이라고 인정하면서 함수를 리턴하기로 해용. 그런데 함수를 '연속적으로' 리턴하는 기교가 있는데.. 일반적으로 이 기교를 커링이라고 부릅니담. 다시말해서 f라는 함수의 리턴값이 g라는 함수이며, g라는 함수는 다시 h라는 함수를 리턴하고.. 마치 객체의 그래핑 탐색을 함수에 적용한 개념이라고 할까욤? 가장 기본적인 커링의 형태예욤. sum 이라는 함수는 a를 파라미터로 받으면, b를 파라미터로 받아 a+b를 계산하는 함수를 리턴합니담. 1) sum(1) 의 리턴은 함수가 되며 해당 함수는 2라는 인자를 받아 앞서 받은 1과 합해서 3을 최종적으로 리턴하게 되졍. 2) 위의 함수에서 앞서 받은 1을 기억할 수 있는 이유

moolbum

arrow function 화살표 함수(arrow)표현은 전통적인 함수표현(function)의 간편한 표현법이다. 이름이 없는 함수 이름이 있는 함수 인자를 받는 경우 기존의 쓰던 함수를 사용하던 방식 처럼 인자를 넣을 수도 있다. 인자가 하나라면 소괄호 생략이 가능하다. 인자가 두 개 이상이라면 생략 할 수 없다. return 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호가 생략가능하다.

co-vol

기존의 함수 정의방식 화살표 함수를 이용한 함수 정의 1.단순한 자바스크립트 표현식 2.함수 선언 방식 3.전달 인자(parameter)가 하나인 경우 this 바인딩의 변화 화살표 함수에서 사용되는 this 바인딩은 기존함수 this와 다른 방식을 가지고있다 화살표 함수의 this는 함수를 선언할 때의 상위 스코프의 this로 바인딩 될 객체가 정해진다. innerFunc의 상위 스코프는 printThis이기 때문에 printThis의 내부 this와 innerFunc의 내부 this는 같은 값으로 바인딩 된다. setTimeout에서의 this 일반 함수에서 setTimeout에서의 this는 window를 가르키지만 화살표 함수에서는 상위 스코프의 this로 값이 바인딩 된다. 그러나 엄격모드('use strict') 일때는 바인딩 되지 않는다. addEventListener에

hamdoe

분산/병렬 ML 프레임워크인 Ray에 대해 알아보다가, 직렬화 오버헤드가 적은 Apache Arrow를 사용하여 Zero-Copy 직렬화를 수행한다는 것이 이해가 되지 않아 조사한 내용. Apache Arrow란? 언어, 플랫폼과 상관없이 메모리 상에서 컬럼 구조로 데이터를 정의하여, CPU와 GPU에서 메모리를 빠르게 읽고 쓸 수 있도록 한다. 이미지 출처 컬럼 구조로 데이터가 구성되기 때문에 SIMD(Single instruction multi data) 명령어같이 인텔 cpu를 벡터화해서 활용할 수 있는 기능을 제공한다. 여러 카산드라, h베이스, 임팔라, 스파크 등 아파치 빅데이터 프로젝트 관련 개발사가 프로젝트에 참여했

jgi0105

This 함수를 호출하는 객체입니다. this가 존재하는 이유 this를 이용하면 함수를 다른 객체에서도 재사용 할 수 있습니다. this를 제어해 보기 일반적으로 this의 값은 자동으로 할당되지만, 상황에 따라 제어할 수 있어야 합니다. call([this], ...args) call 메서드는 this의 값을 바꿀 수 도 있도, 함수를 실행할 때 사용할 인수도 전달할 수 있습니다. apply([this], [[...args]]) apply 메서드는 함수를 실행할 때 인수를 배열로 묶어 한 번에 전달 합니다. bind([this], [...args]) bind 메서드는 es5에서 추가, this 값을 어디서 사용하든 호출 객체가 바뀌지 않게 고정시켜 버릴 수 있습니다. 화살표 함수와 this 화살표 함수의 this는 일반적인 this처럼 함수를 호출한 객체를 할당하지 않고, 바로 상위 스코프의 this를 할당 합니다. 실

dvmflstm

functional polymorphic programming using kotlin & arrow kotlin + spring webflux + arrow 를 이용해 functional polymorphic한 architecture로 http server를 구축해보는 실습 코드입니다. github Reactor & Monad spring webflux가 사용하고 있는 reactor framework는 reactive stream API를 구현한 구현체 중 하나이다. reactor에서 제공하는 Mono와 Flux를 이용하면 non-blocking io를 기반으로 높은 동시성을 가진 어플리케이션을 작성할 수 있다. Mono와 Flux를 이용해 어플리케이션을 작성하면 map과 flatMap을 굉장히 많이 쓰게 되는데, 이 flatMap은 FP에서 굉장히 중요하게 다뤄지는 Monad

sootulliyang_dev

Boot Camp day 02 1. 변수 나의 기존 이해: 미지수 x 데이터를 저장할 수 있는 메모리에 labeling한 네임 태그가 변수 (1) 선언 declaration let, const 선언은 한번만 할 수 있음 > #### ※ let 과 const 의 차이 let 은 재할당 가능 const 는 선언 후 변경 불가 ✮ 크롬 콘솔창에서 clear(); 코딩 시 const로 선언된 변수는 값이 불변, let 으로 선언한 변수만 reset 가능 ✮ let, const 미사용 시 var 로 선언되나, var는 구식 브라우저에서 개발할 경우 외엔 이제 쓰지 않음 ✮ 자바스크립트에서는 함수가 객체로 취급되므로 변수에 할당 가능 > ※ javascript의 불변성 (리서치 필요) 객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미 객체는 참조reference 형태로 전달하고 전달 받음

dvmflstm

Applicative Monad를 구성하는 기본수단이 unit과 flatMap이었다면, Applicative는 unit과 map2를 기본수단으로 하는 특질이다. applicative 특질은 그 이름이 시사하는 것처럼 unit + map2 말고도 unit + apply 를 기본수단으로 가지도록 할 수도 있다. 이 사실은 곧 map2는 unit과 apply를 이용해서 구현할 수 있고, apply 또한 unit과 map2를 이용해서 구현할 수 있다는 것을 뜻한다. PBT로 Applicative 법칙 확인해보기 왼쪽, 오른쪽 항등법칙 map2(unit(()), fa)((_, a) => a) == fa map2(fa, unit(()))((a, _) => a) == fa kotlin syntax로 표현한 왼쪽, 오른쪽 항등법칙은 각각 아래와 같다. 그리고 이를 검사하는 pbt 기반 테스트 코드는 다음과 같다. nelArb는 비어있지 않은

jehjong

💎 함수 내의 함수 호출 함수 선언과 호출 참조 👭 같은 depth에 있는 함수끼리 호출 Hello()내의 one()과 two()가 서로 호출 함수 선언문으로 선언된 함수 호출 this가 붙지 않은 함수는 바로 호출 가능 화살표 함수도 같은 방법으로 가능 화살표 함수 호출 👭 같은 depth에 있는 this 붙은 함수 호출 함수 선언문으로 선언된 함수에서 this 붙은 함수 호출 🥊 아래에 작성해둔 것과 같은 문제점이 발생하므로 bind()를 사용하거나 화살표 함수를 사용하는 것이 나아보인다 two()에서 one() 호출 🚨 문제점 Hello()내에서 two()를 호출하면 two가 무한 호출된다 new Hello()를 two 내에서 실행 Hello()내에서 two()를 호출 특이

jhin

Immersive Prep Scope & Closure (ES6) 20분 - Arrow Function 26분 - Template Literal 27분 50초 - Template Literal + Arrow Function 29분 - Rest Parameter (Arguments의 대체제) 33분 25초 - Default Parameter

carminchameleon

ES6 = ECMA Script 2015 ES 는 ECMA Script의 줄임말 인데요, 그럼 ECME Script는 무엇일까요? ECMA Script 는 JavaScript를 표준화, 규격화 시키기 위해서 만들어졌습니다. > ECMA Script is a (ECMAScript (or ES) is a scripting-language specification standardized by Ecma International) > 현재는 ES10 버전까지 나왔지만 가장 주로 쓰이는 것은 2015년에 나온 ES6 입니다. 유용한 기능이 많이 있는 ES6! 그 중에서도 가장 많이 쓰이는 arrow function에 대해서 알아보겠습니다. 이름이 없는 함수의 기본적인 표현입니다. ES6 에서는 function 이라는 키워드 없이 소괄호 () 만 남았습니다. 그리고 arrow => 가 추가 되었네요. 이름이 있는 함수로 볼까요? ES6 에서는 함수를 gretting이라는 변