리액트 네이티브에서 화면 전환을 구현하는 방법 중 하나인 react-navigation은외부 라이브러리로 종류는 스택 네비게이션, 탭 네비게이션, 드로어 네비게이션이 있다.설치는 npm i @react-navigation/native로 진행한다.네비게이션의 계층구조와
useState 반환값 타입은 \[S, Dispatch<BasicStateAction<S>>]이다. 첫 번째 요소는 export function useReducer<S, I, A>( reducer: (S, A) => S, initialArg: I,
React hooks 는 기존 Class Component를 사용하지 않고 함수형 컴포넌트에서 stete를 다루고 다양한 기능을 구현할 수 있는 방법이다. 이를 이용해 상태관리, 라이프사이클, Context API 등의 기능을 구현할 수 있다.이전의 클래스형 컴포넌트에
카풀 서비스 프로젝트 명은 RideShare이다.2~4명의 인원을 모아 택시를 타는 서비스와 카풀 서비스가 목적이다.회원가입 - 웹메일 인증 기능 (인증번호).회원가입 받을 내용 : 아이디, 패스워드, 닉네임, 이메일(강원대)메인 화면 - 내비게이션 바 (카풀, 택시,
Reat.memo 또는 useMemo에서 객체 프로퍼티를 비교할 때 사용하는 얕은 비교는 일반적으로 객체의 값이 아닌 참조를 비교하는 것을 말한다.그러나 참조만을 가지고 비교한다는 것은 정확하지 않다.앞서서 비교를 수행할 때 사용하는 Object.is는 다음과 같다.엄
memo는 컴포넌트가 렌더링을 할때 이전에 렌더링한 결과를 캐싱하는 매커니즘을 가진 함수이다. React Cache와 달리 props를 기준으로 메모이제이션을 판단한다.memo는 자신으로 감싼 컴포넌트가 렌더링될 때만 이전 props를 캐싱한다.(위 코드는 memo 함
react/packages/react/src/ReactCache.js리액트의 Cache는 React 엘리먼트에서 계산된 결과를 저장하여, 이전에 계산된 결과를 다시 사용할 수 있도록 하는 메모이제이션 기능을 제공한다.이를 통해 불필요한 렌더링을 줄이고, 어플리케이션 성
react/packages/react/src/ReactContext.js'Context'객체는 React 컴포넌트 트리 안에서 전역적으로 사용할 수 있는 값을 제공한다.여러 컴포넌트 사이에서 공유할 수 있도록 해준다.이를 이용하면 중첩된 컴포넌트를 거치지 않고도 원하는
앞서 'prototype' 이라는 개념을 숙지해야 한다.JS에서 모든 객체는 자신의 부모 객체를 가리키는 'proto' 속성을 가지는데 이렇게 연결된 객체들의 체인을 프로토타입 체인이라고 부른다.'prototype'은 함수 객체에만 존재하는 속성으로 함수로 생성된 객체