profile
굴따러 갑니다.

React-navigation

리액트 네이티브에서 화면 전환을 구현하는 방법 중 하나인 react-navigation은외부 라이브러리로 종류는 스택 네비게이션, 탭 네비게이션, 드로어 네비게이션이 있다.설치는 npm i @react-navigation/native로 진행한다.네비게이션의 계층구조와

2023년 3월 20일
·
0개의 댓글
·

메인 화면

통합검색 기능 (사용자 위치기반)인원 모집 부분, 카풀 및 택시팟 참가 부분하단 네비게이션 바react-navigation

2023년 3월 20일
·
0개의 댓글
·

리액트 소스코드 뜯어보기 #7 (Hooks - 2)

useState 반환값 타입은 \[S, Dispatch<BasicStateAction<S>>]이다. 첫 번째 요소는 export function useReducer<S, I, A>( reducer: (S, A) => S, initialArg: I,

2023년 3월 15일
·
0개의 댓글
·

리액트 소스코드 뜯어보기 #6 (Hooks - 1)

React hooks 는 기존 Class Component를 사용하지 않고 함수형 컴포넌트에서 stete를 다루고 다양한 기능을 구현할 수 있는 방법이다. 이를 이용해 상태관리, 라이프사이클, Context API 등의 기능을 구현할 수 있다.이전의 클래스형 컴포넌트에

2023년 3월 14일
·
0개의 댓글
·

캡스톤 디자인 (RideShare) 개요

카풀 서비스 프로젝트 명은 RideShare이다.2~4명의 인원을 모아 택시를 타는 서비스와 카풀 서비스가 목적이다.회원가입 - 웹메일 인증 기능 (인증번호).회원가입 받을 내용 : 아이디, 패스워드, 닉네임, 이메일(강원대)메인 화면 - 내비게이션 바 (카풀, 택시,

2023년 3월 14일
·
0개의 댓글
·

리액스 소스코드 뜯어보기 #5 (Shallow Equal 얕은 비교)

Reat.memo 또는 useMemo에서 객체 프로퍼티를 비교할 때 사용하는 얕은 비교는 일반적으로 객체의 값이 아닌 참조를 비교하는 것을 말한다.그러나 참조만을 가지고 비교한다는 것은 정확하지 않다.앞서서 비교를 수행할 때 사용하는 Object.is는 다음과 같다.엄

2023년 3월 13일
·
0개의 댓글
·

리액스 소스코드 뜯어보기 #4 (React.Memo)

memo는 컴포넌트가 렌더링을 할때 이전에 렌더링한 결과를 캐싱하는 매커니즘을 가진 함수이다. React Cache와 달리 props를 기준으로 메모이제이션을 판단한다.memo는 자신으로 감싼 컴포넌트가 렌더링될 때만 이전 props를 캐싱한다.(위 코드는 memo 함

2023년 3월 13일
·
0개의 댓글
·

리액스 소스코드 뜯어보기 #3 (ReactCache)

react/packages/react/src/ReactCache.js리액트의 Cache는 React 엘리먼트에서 계산된 결과를 저장하여, 이전에 계산된 결과를 다시 사용할 수 있도록 하는 메모이제이션 기능을 제공한다.이를 통해 불필요한 렌더링을 줄이고, 어플리케이션 성

2023년 3월 12일
·
0개의 댓글
·

리액트 소스코드 뜯어보기 #2 (Context)

react/packages/react/src/ReactContext.js'Context'객체는 React 컴포넌트 트리 안에서 전역적으로 사용할 수 있는 값을 제공한다.여러 컴포넌트 사이에서 공유할 수 있도록 해준다.이를 이용하면 중첩된 컴포넌트를 거치지 않고도 원하는

2023년 3월 12일
·
0개의 댓글
·

리액트 소스코드 뜯어보기 #1(class)

앞서 'prototype' 이라는 개념을 숙지해야 한다.JS에서 모든 객체는 자신의 부모 객체를 가리키는 'proto' 속성을 가지는데 이렇게 연결된 객체들의 체인을 프로토타입 체인이라고 부른다.'prototype'은 함수 객체에만 존재하는 속성으로 함수로 생성된 객체

2023년 3월 10일
·
0개의 댓글
·