미션 첫 인상 및 설계 방향 💡

처음에는 array를 사용하지 말라고 해서 당황스럽고 어려웠는데, 해결방안을 찾고 나니 생각보다 수월하게 해결되었다.

미션 해결 중 문제점

• 큰 문제 없이 진행했고, 요구사항 분석에 대한 어려움을 짝과 함께 이야기 나누며 해결했다.

오늘 공부한 이론 🔍

• 불변성 Immutable

  • 람다 계산법의 근간이 되는 개념 :  심볼의 값이 변경되지 않는다
  • 불변 객체 사용이 도움되는 경우
    • 성능 향상하기(향후 객체의 변경에 대한 계획 없음)
    • 메모리 사용을 줄이기(전체 객체를 복제하는 대신 객체 참조 만들기)
    • 스레드 안전성(여러 스레드가 서로 간섭하지 않고 동일한 객체 참조 가능)

• 순수함수 pure function

  • 수형 프로그래밍 언어에서는 함수를 **순수 함수**라고 부름
  • 부수효과가 없는 함수 + 외부의 상태를 변경하지 않는 함수
  • Side Effect(부수효과)
    • 외부의 상태를 변경하는 것, 또는 함수로 들어온 인자 상태를 직접 변경하는 것

• 참조투명성과 부작용

  • 순수 함수로 만들면 함수 외부에 값이나 객체를 참조하거나 의존적으로 동작하지 않기 때문에 참조투명성을 가지고, 부작용이 없음
  • 부작용이 있는 함수는 입력 값이 동일해도 함수 외부에 값에 따라서 다른 값이 리턴

• 고차함수

  • map

    • forEach 같이 순회하면서, 콜백함수에서의 실행결과를 리턴한 값으로 이루어진 배열을 만들어 반환

    const numberArr = [1, 2, 3, 4, 5];
    const numberMapArr = numberArr.map((item) => {
        return (item % 2 === 0) ? 'even' : 'odd'; // 연산한 결과값을 넣어 배열 반환
    });
     
    console.log(numberMapArr); // ['odd', 'even', 'odd', 'even', 'odd']
    

  • findIndex

    • 배열 메소드indexOf() 의 콜백함수 버젼
    • 고차함수find()의 리턴값이 인덱스인 버젼.

    const objectArr = [
        { name: 'Harry', age: 20 },
        { name: 'Kim', age: 30 },
        { name: 'Steve', age: 40 }
    ];
     
    console.log(objectArr.findIndex(item => {
       return item.age === 20 // 해당조건에 부합하면 item의 인덱스를 반환
    }); // 0
    
    console.log(objectArr.findIndex(item => item.name === 'Kim')); // 1
    

  • .filter()

    • 주어진 배열을 순회하면서 콜백 함수의 반환값이 true에 해당하는 요소로만 구성된 새로운 배열을 생성하여 반환
    • 한마디로find()의 찾아서 값을 반환하는 기능과map()의 배열 생성 기능의 융합 버젼

    const numberArr = [1, 2, 3, 4, 5];
    
    const numberFilterArr = numberArr.filter((item) => {
        return item % 2 === 0; // 해당조건에 부합으면 item을 넣어 배열 반환
    });
    
    console.log(numberFilterArr); // [2, 4]
    

  • reduce

    • 콜백 함수의 실행된 반환값(initialValue)을 전달 받아 연산의 결과값이 반환.
    • 첫번째 인자(accumulator)서부터 시작해서 배열값인 두번째 인자(currentvalue) 을 순회하며accumulator+=currentvalue 을 실행

    
    const numberArr = [1, 2, 3, 4, 5];
     
    const sum = numberArr.reduce((previousValue, currentValue, currentIndex, thisArray) => {
        console.log('Current Index: ' + currentIndex + ' / Previous Value: ' + previousValue + ' / Current Value: ' + currentValue);
        
        return previousValue + currentValue; // 연산한 결과값을 누산기previousValue에 넣어 최종값을 얻는다.
    }, 0);
     
    console.log('Sum: ' + sum);
    

• 클로져 및 함수 범위 (스코프)

• 고차함수와 커링 방식

• 객체 지향 vs 함수지향

더 나은 내가 되기 위한 발전 체크 포인트🍀

• 고차함수를 사용하는 것에 적응하자.