[23.06.27]TIL

앱 전반에 걸친 상태에 연관된 논리를 담을 폴더에는 흔히 관례로 store라는 이름을 붙임.

React Context vs Redux

React Context와 Redux는 모두 React에서 상태 관리를 위해 사용되는 라이브러리입니다. React Context는 React에서 컴포넌트 간에 데이터를 전달하기 위한 방법으로, 전역 상태를 관리하거나 혹은 특정 컴포넌트와 그것의 자식 컴포넌트 간에 데이터를 전달하기 위해 사용할 수 있습니다. Redux는 React에서 상태 관리에 사용되는 라이브러리입니다. Redux는 사용자와 상호작용하는 컴포넌트에서 발생하는 모든 이벤트에 대해 중앙 집중식으로 상태를 관리하기 때문에, React 프로젝트에서 복잡한 데이터 흐름을 관리하기 쉽게 해줍니다. Redux는 기존의 Flux 패턴에 기반하여 만들어졌지만, 보다 간편한 API와 다양한 미들웨어를 제공하여 보다 유연하게 사용할 수 있습니다.

includes

RN(React Native)에서의 "includes"는 배열(Array)이나 문자열(String)과 같은 iterable 요소에서 특정값이 포함되어 있는지 확인하는 메소드입니다.

예를 들어 문자열에서 특정 문자열이 포함되어 있는지 확인하려면 다음과 같이 사용할 수 있습니다.

const string = "React Native is great!";
const keyword = "Native";

if (string.includes(keyword)) {
  console.log("The keyword is included in the string.");
} else {
  console.log("The keyword is not included in the string.");
}

배열에서 특정 요소가 있는지 확인하려면 다음과 같이 사용할 수 있습니다.

const array = ['apple', 'banana', 'orange'];
const fruit = 'banana';

if (array.includes(fruit)) {
  console.log("The fruit is included in the array.");
} else {
  console.log("The fruit is not included in the array.");
}

이렇게 사용하면 주어진 문자열이나 배열에 원하는 값이 포함되어 있는지 확인할 수 있습니다.