# react navigation

28개의 포스트
post-thumbnail

React Navigation's state

react navigation의 state를 활용하기 위해서는 useNavigationState 훅을 사용하면 됩니다.

2022년 8월 1일
·
0개의 댓글
·

React Native 토큰 만료 시 로그아웃 처리하기

React 나 React Native 프로젝트들을 경험하다보면 반복적인 코드를 줄이고 가독성을 높이는 API 코딩처리를 위해 axios.create로 만든 instance의 interceptors로 API 처리가 성공 했을 때 또는 실패 했을 때 API 요청한 컴포넌트

2022년 7월 21일
·
0개의 댓글
·
post-thumbnail

React Navigation 오류 좀 그만... | 오류 최소화 & 해결방법

React Native의 기초적인 라이브러리리인 Navigation은 많은 오류를 발생시킨다.최근에도 간단한 프로젝트를 하는데 @react-navigation/stack 에서 오류가 뿜어져 나왔다.더욱 문제는 똑같은 상황에서도 오류가 발생할때가 있고 안할때가 있는데,그

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

react-navigation(native-stack) 다운

react-navigation(native-stack) 다운

2022년 3월 4일
·
0개의 댓글
·
post-thumbnail

[ React Native ] Stack 간 props 이동

Stack 간 데이터 전달을 어떻게 할 것인가

2022년 1월 5일
·
0개의 댓글
·
post-thumbnail

Day 40

React Native의 힘든점 디버깅이 힘들다!!그래서 크롬 디버거를 쓰는걸 추천한다. command + m또 네트워크 부분이 안보임 + 네트워크 부분을 보기 위해서는 react native flipper를 써야함이렇게 네트워크 부분도 확인 할 수 있게 된다. 주소가

2021년 12월 24일
·
0개의 댓글
·
post-thumbnail

[REACT NATIVE] react navigation 정리

※ react navigation 6.x 기준입니다. react native 개발하면서 매번 쓰지만 매번 까먹어서 구글링하는 부분들정리해서 올립니다.

2021년 12월 8일
·
0개의 댓글
·
post-thumbnail

[React-Navigation] 페이지 이동

개발이 필요한 페이지가 로그인페이지를 포함하여 대략 5페이지 정도가 된다.그래서 routing에 대해 알아봤는데,웹에서의 routing이 RN에서는 stack이라는 개념으로 불리고 있었다.stack을 사용하기 위해 react-navigation이라는 라이브러리를 사용해

2021년 10월 18일
·
0개의 댓글
·
post-thumbnail

인턴/ 폴더 구조, react navigation

인턴 둘째 주 주말이다. 하루하루가 정신 없어 어떻게 지나갔는지 모르겠다.낯설었던 react native, 폴더구조와 새로 적용해 본 기능들을 정리해보자. 이곳에서 사용했던 폴더 구조=> Module / Navigator => Screen => index => View

2021년 7월 17일
·
0개의 댓글
·
post-thumbnail

TIL - 2021.06.24

자기전에 작성하는 TIL이다🥱

2021년 6월 24일
·
4개의 댓글
·
post-thumbnail

TIL - 2021.06.21

학교에서 공부하려고 했지만 잠겨서 집에 와서 조금 하다가 작성하는 TIL이다.

2021년 6월 21일
·
0개의 댓글
·
post-thumbnail

[React Navigation] React Navigator - 2

route를 navigate 할 때 parameters도 같이 보낼 수 있음 !예제)현재 screen의 params를 업데이트 하게 해줌리액트의 setState() 처럼 작동함예제)screen options(ex. title)를 업데이트 할 때는 setParams 보다

2021년 5월 25일
·
0개의 댓글
·

[React Navigation] React Navigator - 1

화면 이동시, Screen 하나씩을 Stack에 넣고 빼는 구조화면 전환시, 다른 화면으로 넘어가는게 아니고 새 화면이 스택의 제일 위에 쌓이는 것다음 화면으로 이동한다면 화면 상으로는 이전 화면이 사라지고 새로운 화면이 보이지만, 구조적으로는 컨테이너에 최초 스크린이

2021년 5월 24일
·
0개의 댓글
·

[React Navigation] 설치하기

React Native에서 화면 전환하는 라이브러리React의 react-router-dom 같은 것React Navigation 공식문서Getting started | React Native

2021년 5월 24일
·
0개의 댓글
·

React-Navigation

🎡React Navigation React에서는 React-Router-Dom을 이용해서 페이지를 전환하지만, 회사에선 React-Native에서는 Navigation 라이브러리인 React Navigation을 사용한다고 했다. RN(Routing)은 브라우저처

2020년 12월 22일
·
0개의 댓글
·
post-thumbnail

커플앱👩‍❤️‍👨 [WE'SH] - [6] Calendar 일정저장기능 구현 시도

캘린더 구현은 어찌저찌 사용하는 사람들의 예시들을 찾아보면서구현을 해냈는데 문제는 제일 중요한 기능을 구현하는 것이다.아직 어떤 기능을 구현하는 것에 대해 두려움이 많은 나는 우선 이것저것 찾아봤지만react-native-calendars에서 기본적으로 제공하는 Age

2020년 9월 11일
·
2개의 댓글
·
post-thumbnail

커플앱👩‍❤️‍👨 [WE'SH] - [5] Calendar 구현 시도

아직 작업효율이 좀 떨어지다보니...Main screen에서 부족한 부분들이 자꾸 눈에 밟혀서 조금이라도 더 완성도를 높히고자이미지와 디데이가 표시될 곳의 위치를 조금씩 수정했다.main screen에서 이미지를 background-image로 설정하고 싶었는데왜때문인

2020년 8월 26일
·
0개의 댓글
·
post-thumbnail

커플앱👩‍❤️‍👨 [WE'SH] - [4] Main screen 스타일링

사실 진짜 어이없게 오래 걸린 작업이다.tab navigation구현을 성공한 후 바로 main screen을 스타일링 하기 위해커플사진을 배경으로 넣으려고 하는데왠걸... 자꾸 모듈을 찾을 수만 없다고 하니ㅠㅠ작업하는데 꽤 오랜 리서치를 통해 구현해내었다.react-

2020년 8월 21일
·
0개의 댓글
·