[23.06.28]TIL

앱 만드는 순서

모든 화면을 먼저 추가한 후 핵심이 되는 내비게이션 논리를 설정. 그런 다음 단계별로 스타일을 추가하고 내비게이션 옵션에 구성을 추가해서 개선.

expo 프로젝트 생성시 npm 기본 설정법

expo init (프로젝트명) --npm

reduce()

reduce() 메소드는 배열의 모든 요소에 대해 제공된 함수를 실행하여 배열의 단일 값으로 줄입니다. 제공된 함수는 배열의 처음 두 요소에 대해 실행되며, 그 결과는 이후에 실행되는 각 요소에 대해 호출됩니다.

예를 들어, 다음은 reduce()를 사용하여 배열의 모든 요소의 합을 계산하는 방법을 보여줍니다.

const array = [1, 2, 3, 4, 5];
const sum = array.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
});
console.log(sum); // 15

reduce() 메소드는 초기 값을 사용할 수도 있습니다. 초기 값은 첫 번째 호출에서 accumulator 매개 변수의 초기 값으로 사용됩니다.

const array = [1, 2, 3, 4, 5];
const sum = array.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 10);
console.log(sum); // 25

위의 예제에서 reduce()는 초기 값 10으로 시작하여 모든 배열 요소를 합산합니다. 따라서 출력 값은 25가 됩니다.

컴포넌트

컴포넌트(Component)는 React에서 UI(User Interface)의 일부를 담당하는 작고 독립적인 코드 블록입니다. UI를 재사용 가능한 개별적인 조각으로 나누어 관리할 수 있도록 해주기 때문에 개발자들이 조직적이고 체계적인 방법으로 애플리케이션을 만들 수 있게 합니다.

컴포넌트는 상태(state) 및 속성(props)을 전달받아 브라우저 상에서 정보를 표시합니다. 하나의 큰 애플리케이션을 작은 부분 단위로 나누어 관리할 수 있기 때문에 개발을 더욱 쉽게 만들어줍니다. 또한, 각각의 컴포넌트는 서로 의존하지 않기 때문에 유지 보수가 쉽고, 재사용성도 높습니다.