[TIL🔥]Day7(8/10)

Introduction

오늘은 강의 완강, 스터디 준비, 과제로 정말 눈코 뜰 새 없이 바빴다.
아마 수, 목, 금 3일은 계속 이렇게 보낼 것 같다. 그래도 오늘 스터디 준비도 절반 정도는 완료하고, 강의도 완강했다. 과제는 계속 고민 중인데 풀릴듯 안풀린다...
요새 거의 아침부터 12시간 이상 공부하는 것 같은데 다행히도 집중력이 오래 간다. 계속 힘내보자!

오늘 새롭게 배운 것

함수형 프로그래밍...배울수록 재밌는데 뭔가 점점 어려워진다.

1. map
2. filter
3. reduce
4. go
5. pipe
6. curry

📝 이터러블 프로토콜을 따른 map의 다형성

배열의 메서드 map

// map 메서드의 사용
   log([1, 2, 3].map(a => a + 1));
// 배열의 형태가 아니기 때문에 map 함수를 가지지 않음
   document.querySelectorAll('*') 
   log(document.querySelectorAll('*').map(el => el.nodeName)); // 오류 발생

• 배열의 메서드 map은 배열 객체여야만 적용이 가능하다
• 따라서, 위와 같은 코드 오류 발생

함수형 프로그래밍으로 구현한 map

// map
    const map = (f, iter) => {
        let res = [];
        for (const a of iter) {
            res.push(f(a));
        }
        return res;
    };

//  document.querySelectorAll('*') 이터러블하기 때문에 동작
    log(map(el => el.nodeName, document.querySelectorAll('*')))
    const it = document.querySelectorAll('*')[Symbol.iterator]();
    log(it.next())

• 메서드 map에서는 동작하지 않던 코드가 함수형 프로그래밍으로 구현한 map에서는 동작
• 이터러블인 모든 값들, 그리고 제너레이터 함수의 결과들에 대해서도 map 적용 가능

Comment

강의를 듣고 따라하면 이해가 되는데 혼자 구현하기란 정말 쉽지않다.
좌절보다는 꾸준히 나를 믿고 나아가야겠다.
점점 거북목과 어깨 통증이 심해진다... 중간 중간 꼭 스트레칭을 하면서 공부해야겠다.
그리고 건강한 개발자가 되기 위해 시간내서 운동도 해야겠다~🏃🏻‍♀️