React : Payload와 Snapshot용어

Payload (페이로드)

React에서 “payload”는 일반적으로 액션(action) 객체 내에 전달되는 데이터를 의미합니다. 예를 들어, Redux에서 액션 객체는 다음과 같이 구성될 수 있습니다.

{
  type: 'ADD_TODO',
  payload: {
    id: 1,
    text: 'Buy milk',
    completed: false
  }
}

위의 예제에서 payload는 ADD_TODO 액션에 전달되는 데이터를 담고 있습니다. 이 데이터는 보통 상태(state)를 변경하기 위해 리듀서(reducer) 함수에 전달됩니다.

Snapshot (스냅샷)

React에서 “snapshot”은 React 컴포넌트의 현재 상태를 포착한 이미지를 말합니다. 스냅샷은 대개 디버깅 시나리오에서 사용되며, 컴포넌트의 상태를 쉽게 추적하고 문제를 해결하는 데 도움이 됩니다.

React의 개발자 도구(DevTools)는 컴포넌트의 스냅샷을 캡처하고 디버깅 중에 이를 검사할 수 있는 기능을 제공합니다. 또한 React Test Renderer는 toMatchSnapshot() 함수를 사용하여 테스트 실행 중에 스냅샷 테스트를 작성할 수 있습니다. 이는 컴포넌트가 예상대로 렌더링되는지 확인하는 데 유용합니다.

📒요약

“payload”는 액션 객체 내에 전달되는 데이터를 의미하며,
“snapshot”은 컴포넌트의 현재 상태를 포착한 이미지를 말합니다.