어리둥절 분석가 그리고 개발자

React Native로 프로젝트를 만들 때 초기에 셋팅해야하는 것들이 있는데, 할 때마다 새로 찾아보기가 귀찮아서 한 번에 정리해놓고 할 때마다 복사해서 쓰려고 한다 npx react-native init [프로젝트명] --template react-native-template-typescript cd [프로젝트명] yarn add @react-navigation/native yarn add @react-native-screens react-native-safe-area-context yarn add @react-navigation/native-stack @react-navigation/bottom-tabs yarn add react-native-vector-icons @types/react-nativ..

도서 을 읽고 도움이 될 만한 부분을 기록합니다 atom으로 상태 만들기 import {atom} from 'recoil'; export interface User { id: number; username: string; displayName: string; } interface AuthState { user: User | null; } // 타입스크립트 환경에서 recoil을 사용할 때에는 atom의 generic으로 관리 export const authState = atom({ key: 'authState', default: { user: null, }, }); 상태를 관리하는 user-defined hooks 만들기 현재의 user 상태를 불러오는 hooks인 useUser() import {use..

react navigation v6를 기반으로 작성되었습니다 필요성 React Native가 일반 React와 다른 특징 중에 하나는 Navigation이다. React Navigation에서 stack Navigation을 설정하면 기본값으로 상단 상태바가 생성된다 상단 상태바에서 현재 Screen을 확인할 수도 있고, 이전 스크린으로 되돌아갈 수도 있다. 이러한 상태바도 옵션으로 꾸미고 변경할 수 있지만 최근에는 앱에서 각자 상태바를 customize해서 쓰는 경우가 많기 때문에 Navigation에서 기본 제공하는 상태바를 없애고 싶다!! 어떻게 없앨 수 있을까... 해결 : headerShown React Navigation 공식문서가 상당히 방대해서 해당하는 옵션 부분을 겨우 찾았네... 상태바..