[TIL] 순수함수의 개념, 리액트의 state와 props에 대해서

순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요.

🤨 순수함수란?

• 동일한 인자가 전달되면 항상 같은 결과를 반환하는 함수
• 외부 상태에 영향을 주는 사이드 이펙트(부수 효과) 가 없어야 함

function add(a, b) {
    return a + b;
}

add(10, 5) // 결과 : 15
add(10, 5) // 결과 : 15
add(10, 5) // 결과 : 15

• 불변성: 상태를 변경하지 않는 것? → 메모리에 저장된 값을 변경하지 않는 것

🤨 순수함수가 아닌 예시

• 불변성을 해치는 참조 자료형 Array, Object 가 인자로 전달될 경우
  • 참조에 의한 호출 방식 → 변수가 가리키고 있는 메모리 주소 전달
  • 원본 객체 변경 ⇒ 불변성 손상
  • 💡 map, filter, reduce 메소드를 통해 해결

🤨 순수함수를 쓰는 이유

• 순수함수는 평가시점에 관계없이 동일한 결과를 리턴하며 사이드 이펙트가 없다. 함수형 프로그래밍에서는 모듈화 개념을 중시하는데 순수함수를 통해 모듈화 수준을 높이고 개발 생산성 및 안정성을 향상시킬 수 있다.

  순수함수 불변성 참고 블로그
  순수함수 불변성 참고 블로그

React의 state와 props에 대해서 설명해주세요.

🔍 리액트에서 컴포넌트가 데이터를 다루는 방법

• props: 부모 컴포넌트에서 자식 컴포넌트로 전달되는 데이터 read-only
• state: 컴포넌트 내에서 데이터를 다룰 때 사용되며 변경 가능
  • useState 훅 사용

리액트 state,props 포스팅 참고 블로그