순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요.
순수함수는 함수형 프로그래밍에서 사용되는 개념으로, 주어진 입력에 대해 항상 동일한 출력을 생성하고 부작용이 없는 함수입니다.
즉, 순수한 함수는 어떤 함수에 동일한 인자를 주었을 때 항상 같은 값을 리턴하고 외부의 상태를 변경하지 않는 함수입니다.
함수의 결과가 항상 예측 가능하며, 함수를 호출할 때마다 같은 결과를 보장할 수 있게 합니다.
순수함수는 부작용(side-effect)을 갖지 않으며, 외부 상태를 변경하지 않습니다.
이러한 특징 때문에 순수함수는 테스트 가능하며, 코드의 재사용성과 유지보수성을 높일 수 있습니다.
React의 state와 props에 대해서 설명해주세요.
컴포넌트에서 동적인 값을 상태(state)라고 부릅니다. 구성 요소의 내부 데이터를 나타냅니다.
상태는 구성 요소 내에서 관리되며 setState() 메서드를 사용하여 업데이트할 수 있습니다.
상태가 변경되면 React는 구성 요소와 하위 구성 요소를 다시 렌더링하여 새 상태를 반영합니다.
반면에 props는 컴포넌트에 인수로 전달되는 외부 데이터입니다. props는 컴포넌트에서 변경할 수 없습니다. 대신 자식컴포넌트를 렌더링하는 부모컴포넌트는 업데이트가 필요할 때마다 새 props를 전달해야 합니다.
참고할 다른 답변
1.
순수 함수는 입력값에 의존하여 항상 동일한 출력값을 반환하는 함수로, 외부 상태에 영향을 주지 않고 사이드 이펙트가 없는 함수를 의미합니다. 이러한 순수 함수는 입력값이 변경되지 않으면 항상 같은 결과를 반환하므로 데이터의 불변성을 유지하는 것이 중요합니다. 참조 자료형이 전달되는 경우 객체를 직접 변경하는 사이드 이펙트를 피하기 위해, map, filter, reduce와 같은 메소드를 사용하여 데이터의 불변성을 보장하면서 순수 함수를 구현할 수 있습니다.
2.
state와 props는 React에서 구성 요소가 데이터를 받거나 처리하고 보내기 위해 사용합니다. state는 컴포넌트 내부에서 변화가 필요한 값을 관리하기 위해 사용됩니다. useState 훅을 통해 생성하고 setState를 이용해 값을 변경할 수 있습니다. 반면 props는 부모 컴포넌트로부터 자식 컴포넌트에 데이터를 전달하는 데 사용되며, 불변성과 readOnly 속성을 가집니다. 자식 컴포넌트에서는 props를 직접 변경할 수 없으며, 필요한 경우 부모 컴포넌트에게 전달받은 setState 함수나 다른 함수를 호출하여 데이터 변경을 요청해야 합니다.
