멘토링 3번째

🌕 F-lab 멘토링 기록

멘토링 이후 부족한 부분을 채우기 위한 기록

함수형 프로그래밍이란?(feat.불변성)

프로그래밍의 패러다임

프로그래밍 패러다임은 프로그래머에게 프로그래밍의 관점을 갖게 하여 코드를 어떻게 작성할지 결정하는 역할을 한다.
새로운 프로그래밍 패러다임을 통해서 새로운 방식으로 생각하는 법을 배우고, 이를 바탕으로 코드를 작성할 수 있다.

• 명령형 프로그래밍: 무엇(what)을 할 것인지보다 어떻게(how) 할 것인지

  • 절차지향 프로그래밍: 수행되어야할 순차적인 처리 과정을 포함하는 방식
  • 객체지향 프로그래밍: 객체들의 집합으로 프로그램의 상호작용을 표현하는 방식

• 선언형 프로그래밍: 어떻게(how) 할 것인지보다 무엇(what)을 할 것인지

  • 함수형 프로그래밍: 순수 함수를 조합하여 프로그램을 만드는 방식

[보충 필요]

옛날 브라우저에서는 어떻게 최근 코드를 사용 가능할까?

바벨(Babel)을 사용한다. 바벨은 ES6이후의 코드를 이전 JavaScript 엔진에서 실행할 수 있는 코드로 변환해주는 무료 오픈소스 JavaScript 트랜스컴파일러이다. 단순하게 생각하면, 최신 자바스크립트 문법을 예전 문법들로 전환해주고 이를 통해 이전 브라우저에서도 해당 코드가 실행될 수 있게 해주는 것이다.

[보충 필요]

객체 리터럴이란?

리터럴이란 소스코드의 고정된 값을 대표하는 용어로 고정된 값을 나타내는 표현 그 자체이다.
즉, 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 어떤 고정된 값을 생성하는 표기법이다.

var Dog = function (name, age) {
  this.name = name;
  this.age = age;
}

var hodu = new Dog('hodu', 2); // 생성자 함수를 통한 인스턴스 객체 생성

{name:'hodu', age: 2} // 객체 리터럴을 통한 객체 생성

Array의 flatten 메서드를 재귀함수로 구현해보기

const arr = [
  [a, b],
  [b, c, d],
  [d, f, [e, g]],
];

[보충 필요]

일급객체란?

1. 값으로 저정할 수 있다.
2. 파라미터(인자)로 전달할 수 있다.
3. 리턴값으로 사용할 수 있다.
4. 무명의 리터럴로 생성 가능하다.

위의 조건을 만족하면 일급객체라고 하며 자바스크립트에서의 함수는 일급객체이기에 위의 경우에 모두 해당한다.

일급객체이기 때문에

• 콜백함수라는 것이 가능하다.(함수를 인자로 전달하니까)
• 고차함수가 가능하다.(함수를 인자로 받거나 함수를 반환하니까)
• 클로저 현상이 가능하다.(내부함수를 외부로 전달이 가능하니까)

Array에서 Object의 메서드를 어떻게 사용할 수 있는지?

Array의 prototype은 곧 Object의 instance이다.
따라서 아래의 코드를 보면

Array.prototype.__proto__.constructor === Object; // true
Object.getPrototypeOf(Array.prototype).constructor === Object; // true

따라서 프로토타입 체이닝에 의해 Array에서 Object의 프로토타입 메서드를 사용할 수 있다.

이런 식으로 자바스크립트의 모든 함수는 Object의 prototype에 도달 가능하므로 Object만의 메소드는 스태특 메서드로서 구현해두었다.