profile
기본기가 갖추어진 개발자로 성장하고 싶습니다.
post-thumbnail

ES6+함수형-ES6에서의 순회와 이터러블:이터레이터 프로토콜

함수형 프로그래밍과 JavaScript ES6+ 강의를 수강하며 정리한 내용입니다. 1. 기존과 달라진 ES6에서의 리스트 순회 for i++ for of 1) 기존 ES5 2) ES6 2. Array, Set, Map을 토

2021년 2월 18일
·
0개의 댓글
·
post-thumbnail

ES6+함수형-함수형 자바스크립트 기본기

함수형 프로그래밍과 JavaScript ES6+ 강의를 수강하며 정리한 내용입니다.코드가 계산(Evaluation) 되어 값을 만드는 것값으로 다룰 수 있다.변수에 담을 수 있다.함수의 인자로 사용될 수 있다.함수의 결과로 사용될 수 있다.함수를 값으로 다룰 수 있다.

2021년 2월 16일
·
0개의 댓글
·
post-thumbnail

ES5+함수형-함수형으로 전환하기

자바스크립트로 알아보는 함수형 프로그래밍 (ES5) 강의를 수강하며 정리한 내용입니다. 1. 회원 목록, map, filter 2. each 3. 다형성 4. 커링, curry, curryr 5. reduce 6. 파이프라인, go, pipe, 화살표 함수

2021년 2월 12일
·
0개의 댓글
·
post-thumbnail

ES5+함수형-함수형 프로그래밍 개요

자바스크립트로 알아보는 함수형 프로그래밍 (ES5) 강의를 듣고 정리한 내용입니다.성공적인 프로그래밍을 위해부수 효과를 미워하고 -> 순수 함수를 만든다 -> 오류를 줄이고 안정성을 높인다.조합성을 강조하는 -> 모듈화 수준을 높인다 -> 생산성을 높인다.프로그래밍 패

2021년 2월 7일
·
0개의 댓글
·
post-thumbnail

함수 직접 호출과 new를 통한 호출

JavaScript에서 함수는 반복되는 로직을 모아놓은 함수가 될 수도, 인스턴스의 모양(속성이나 메서드)이 정의된 생성자가 될 수도 있다. 다른 언어에서는 class와 생성자가 구분되지만, JavaScript에서는 ES6문법 이후 추가된 class 이외에 생성자 함수

2021년 1월 7일
·
0개의 댓글
·
post-thumbnail

즉시 실행 함수 표현(IIFE)

Immediately Invoked Function Expression의 약자. 정의됨과 동시에 즉시 실행하는 함수를 뜻하며, 괄호로 둘러싸인 익명함수 ( function () { statements } ) 와 즉시 실행 함수를 생성하는 괄호 ( )로 구성된다.( fu

2021년 1월 7일
·
0개의 댓글
·
post-thumbnail

이벤트 루프(Event Loop)

JavaScript 엔진은 메모리 할당을 관리하는 Heap, 하나의 코드 조각을 하나씩 실행하는 Call stack으로 이루어져 있다.JavaScript는 단일 스레드기반의 언어이기에, 하나의 stack을 가지고, 동시에 하나의 작업만을 수행한다. 하지만 실제로 이 언

2021년 1월 7일
·
0개의 댓글
·
post-thumbnail

Babel Webpack

자바스크립트의 컴파일러이다.최신의 자바스크립트 코드를 이전 단계의 자바스크립트 코드로 변환 가능하게 해주는 개발도구, 즉 트랜스 파일러이다. ES6를 사용하여 프로젝트를 진행하려면 ES6로 작성된 코드를 IE를 포함하여 모든 브라우저에서 문제없이 작동할만한 개발환경을

2021년 1월 7일
·
0개의 댓글
·
post-thumbnail

call, apply, bind 함수

함수를 실행시킬 때 쓰인다.첫번째 매게변수(thisArg)는 this를 특정하게 지정하는 매게변수두번째부터는 호출할 함수의 인자들이 들어간다.함수를 실행시킬 때 쓰인다.This.Arg: func 호출에 제공되는 this의 값argsArray: func이 호출되어야 하는

2021년 1월 7일
·
0개의 댓글
·
post-thumbnail

클로저(Closure)

JavaScript에서 함수는, 선언될 때 자신이 접근할 수 있는 범위를 정하고 기억하고 있다. 이것을 lexical scope(렉시컬 스코프)라고 하는데, 이런 lexical scope에 의해 외부 함수의 환경을 기억하고 있는 내부 함수가 Closure다.closur

2021년 1월 7일
·
0개의 댓글
·
post-thumbnail

호이스팅(Hoisting)

JavaScript의 실행 콘텍스트에서 var, function 선언문 등은, 해당 스코프의 맨 앞으로 옮겨진 것처럼 동작한다. 호이스팅은 ES5나 그 이후 표준의 공식 언어는 아니다. 다만 사람들이 이러한 JavaScript의 특성을 이해하기 위해 차용한 단어이다.J

2021년 1월 7일
·
0개의 댓글
·
post-thumbnail

Promise와 Callback

사용자가 화면에서 서버로 데이터를 요청했을 때 서버가 언제 그 요청에 대한 응답을 줄지도 모른다면?마냥 다른 코드를 실행 안 하고 기다릴 순 없다. 만약 요청이 50개라면 그 50개가 다 수행될 때까지 웹 어플리케이션을 제대로 이용할 수 없기 때문이다. 이러한 순간에

2021년 1월 7일
·
0개의 댓글
·
post-thumbnail

익명함수(Anonymous function)

자바스크립트 익명 함수는 함수명 대신 변수명에 함수 코드를 저장하는 구현 방식이다. 익명 함수의 소스 코드는 변수값이므로 끝에 세미콜론 ; 을 대입한다. 익명 함수는 호출 시 변수명을 함수명처럼 사용하면 된다.이 경우 변수값을 변수에 넣은 형태이므로 함수 코드 끝에 세

2021년 1월 6일
·
0개의 댓글
·
post-thumbnail

콜백함수(Callback Function)

자바스크립트에서 함수는 object이다. 이 때문에 함수는 다른 함수의 인자로 쓰일 수도, 어떤 함수에 의해 return될 수도 있다.(값으로 쓸 수 있다!) 이러한 함수를 고차 함수(higher-order functions)라 부르고 인자로 넘겨지는 함수를 콜백 함수

2021년 1월 6일
·
0개의 댓글
·
post-thumbnail

웹팩(WebPack)

서버에서 처리하는 로직을 JavaScript로 구현하는 부분이 많아지면서 웹 서비스 개발에서 JavaScript로 작성하는 코드의 양이 늘어났고, 유지/보수가 쉽도록 코드를 모듈로 나누어 관리하는 모듈 시스템이 필요해졌다. 그러나 JavaScript는 언어 자체가 지원

2021년 1월 6일
·
0개의 댓글
·
post-thumbnail

async / await

JS 프로그래밍을 하다 보면 비동기 방식을 많이 사용하게 되는데,비동기 호출 후 이를 처리하는 콜백 함수의 개념이 매우 중요하다.비동기 프로그래밍에서 콜백 함수는 반드시 사용해야 하는 부분인데,콜백 함수가 깊어지면 코드가 복잡해지게 되므로( 가독성이 안좋아지므로 ) E

2021년 1월 6일
·
0개의 댓글
·
post-thumbnail

선언형, 명령형 프로그래밍

프로그래밍의 분류 출처: 더 알아보기 1. 선언형(Declearative) 프로그래밍 무엇인가를 작업하기 위해 어떻게 진행할 것인지를 나열한다. ex) 컵라면을 끓인다. ![](https://images.velog.io/images/blackb0x/post/be4

2021년 1월 6일
·
0개의 댓글
·
post-thumbnail

ES6(ECMAScript6)

기존 자바스크립트에서는 문자열과 문자열 또는 문자열과 변수를 연결하려면 병합연산자(+)를 사용해야 했습니다. 병합 연산자를 사용했을때의 코드의 복잡성을 해결하기 위해 ES6에서는 템플릿 문자열을 도입했습니다.템플릿 문자열을 작은따옴표 대신 백틱( \` ) 으로 문자열을

2021년 1월 4일
·
0개의 댓글
·