# react navigation

11개의 포스트
post-thumbnail

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

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

2020년 9월 11일
·
0개의 댓글
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개의 댓글
post-thumbnail

커플앱👩‍❤️‍👨 [WE'SH] - [3] Tab navigation 사용하기

Tab-Navigation 설치하기 하단에 탭메뉴를 생성할 수 있는 라이브러리가 있었다. 그게 바로 @react-navigation/bottom-tabs 설치를 해서 사용해보기로 했다. > 참고하였습니당 :) http://www.devh.kr/2020/React-Nav

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

커플앱👩‍❤️‍👨 [WE'SH] - [2] 탭메뉴 구현시도

이번에는 탭 메뉴에 있는 버튼 클릭을 통해 다른 페이지로 넘어가는 기능을 구현하기!이런 작업 하나하나를 하면서 드는 생각은,내가 핸드폰을 사용하면서 당연하게 사용했던 기능들이 참 복잡하게 만들어진거구나- 싶은 생각을 하게 된다 😖사실 처음에 tab navigation

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

커플앱👩‍❤️‍👨 [WE'SH] - [1] 스케치하기

새롭게 react-native를 접하게 된 후, 제일 기본적인 튜토리얼인 투두리스트를 만들어본 후,회사에 지원하기까지 남은 시간동안 새로운 프로젝트를 해보기로 했다.바로..!!!! 몇개월동안 같이 공부했던 moon과 함께 우리가 쓰면 좋겠다 싶은 커플앱을 만들어 보는

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

react-navigation 도전기

react-native가 아주 조금 익숙해질만 해졌을 뿐인데,,,,커플앱을 만들려다보니, 페이지 이동이 가능해져야 했기에 또 새로운걸 공부하기 시작.기존에 react에서는 Route로 페이지를 짰었는데, 사실 그것도 다 마스터 하지 못한채로..ㅠㅠ이번엔 또 다르게 re

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

React Navigation lifecycle

블로그를 작성하다 보니 2주 프로젝트와 4주 프로젝트 모두 어떤 것을 만들려고 한다는 이야기가 없었다. 그래서 시작과 끝이 있어야 겠구나 싶어서 앞으로는 문제가 됐던 글만을 작성하는게 아니라 어떤 프로젝트를 시작했는지도 기록을 해야 좀 더 기록다운 기록인 될 것 같다. 0. 페이지로 돌아왔을 때 api요청이 안되네? 달리기 모임 앱을 만들다 보니 원하는 시...

2020년 7월 6일
·
0개의 댓글
post-thumbnail

리액트 네비게이션으로 사이드바 만들기

0. 리액트 네비게이션, 기초 개념 파악의 시작 프로젝트를 하면서 사이드바를 만들일이 생겼다. 처음에는 '예제 따라하다보면 되겠지' 라고 생각했는데 하다보니 잘 안됐고, React Navigation(리액트 네비게이션)을 알고 있어야 왜 안되는지를 알 수 있을 것 같

2020년 6월 11일
·
0개의 댓글
post-thumbnail

[TIL] React Navigation 적용하기

1. Stack Navigator 라이브러리 설치하기 리액트 네비게이션의 스택 네비게이터(stack navigator)는 스크린 간 전환과 navigation history를 관리할 수 있도록 해준다. 지금까지 설치한 라이브러리 들은 네비게이터를 위한 블록과 기반이라

2020년 6월 11일
·
0개의 댓글
post-thumbnail

[TIL] React Navigation 라이브러리 설치

리액트 웹 앱에서 react-route-dom과 비슷한 역할을 하는 리액트 네이비트의 리액트 네비게이션!리액트 네이티브 앱의 네비게이션과 히스토리를 쉽게 관리할 수 있는 라이브러리중 하나이다.네비게이션 navigation 을 쓰기위해서는 네비게이터 navigator 가

2020년 6월 10일
·
1개의 댓글