# navigator

23개의 포스트
post-thumbnail

[Flutter] Navigator 위젯으로 마치 Fragment처럼 화면 일부만 이동하기

우리가 화면 이동 시 늘상 쓰던 Navigator.push()와 같은 방법이 아니다.

2022년 9월 28일
·
0개의 댓글
·

RN navigator 1개의 STACK으로 관리 쉽게 하자.

Nested Navigation을 사용할때 각 네비게이터에 화면스택이 각각 쌓임으로써 관리가 힘들었다. PURPOSE AND GOAL:Root Stack Navigation 하나만을 사용하여 히스토리 관리를 쉽게 하고자 함.협업을 위해서 카테고리별로 STACK.GROU

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

위젯에 대한 기능_3

Column : 세로방향에 대한 레이아웃을 잡을 때 사용합니다. mainAxisSize : 세로 방향에 대한 크기 mainAxisAlignment : 세로 방향에 대한 정렬 crossAxisAlignment : 가로 방향에 대한 정렬 Row : 가로방향에 대한 레이아웃을 잡을 때 사용합니다. mainAxisAlignment : 가로 방향에 대한 cros...

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

리액트 네이티브(react-native) 화면 이동

화면 이동에 대한 내용입니다. / 메이플스토리(MapleStory)

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

리액트에서 미디어쿼리 대신에 userAgent로 태블릿,아이폰,안드로이드를 대체해 보자

보통 반응형 처리는 css mediaquery로 처리하긴 하는데..피치 못할 사정으로 미디어쿼리를 쓸수 없는 상황이라면 요긴한 코드가 있다.나의 경우에는, react-tooltip이 데스크탑에서만 보이게 하고 싶고, 모바일,태블릿 환경에서는 안 보이게 하고 싶은데 방법

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

React-Native [7. React Navigation으로 페이지 이동하기]

앱에서 만든 컴포넌트들을 페이지화 시켜주고, 해당 페이지끼리 이동을 가능하게 해주는 라이브러리! Expo에서 제공하고 있다. 1) React Navigation 설치코드 2) Stack Navigator > 컴포넌트에 페이지 기능 부여. 컴포넌트 -> 컴포넌트 이동 가능케함 => 페이지 이동 기능! 설치코드 예시코드 사용법 createStackNa...

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

[React-native] tab + draw navigator

[React-native] tab + draw navigator

2022년 2월 16일
·
0개의 댓글
·
post-thumbnail

[FC] Window 객체 / Navigator Day-13

ex) main.jsex) 브라우저 리사이즈 할 때 마다 값을 구할 때ex) 스코롤 할 때 마다 거리값 구하기현재 우리가 보고 있는 화면을 브라우저가 어떤 정보값을 보유하고 있는지 확인하고, 각 브라우저마다의 고유값을 이용해서 원하는 브라우저마다 특정 코드를 실행할 수

2022년 2월 6일
·
0개의 댓글
·
post-thumbnail

Geolocation API 사용하기

Geolocation API는 사용자의 현재 위치를 가져오는 API로, 지도에 사용자 위치를 표시하는 등 다양한 용도로 사용할 수 있다. getCurrentPosition()메서드로 사용자의 현재위치를 불러올 수 있다.

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

BMI calculator

goal : bmi calculator 앱 구현 및 리팩토링

2021년 12월 1일
·
0개의 댓글
·

Javascript - geolocation

User의 위치를 알려준다.

2021년 11월 20일
·
0개의 댓글
·
post-thumbnail

Flutter - #43. Navigator2

Flutter 일기 참고1 : https://api.flutter.dev/flutter/widgets/Navigator-class.html > Navigator 지난 일기에 이어서 Navigator 를 이어가보자. Navigator는 Stack구조를 활용해 화면 전

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

weather -바닐라JS 크롬 앱 만들기 nomad coder

Navigator 함수는 user의 geolocation(위치)을 준다.ex)a= 모든게 잘 되었을 때 실행될 함수b= 에러가 발생했을 때 실행될 함수ex)참고) longitude: 경도 latitude: 위도API : 간단히 말해서 다른 server와 이야기할 수 있

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

Hook 사용예제: useFadeIn, useNetwork

useRef훅을 이용하여 element를 참조하고 fade와 delay기능을 구현하였다.opacity와 delay가 각각 (1,2) (5,10)로 적용된 것을 알 수 있다.

2021년 9월 19일
·
0개의 댓글
·

Flutter - #42. Navigator1

Flutter 일기참고 : https://api.flutter.dev/flutter/widgets/Navigator-class.htmlNavigator는 Stack 구조를 이용해 페이지를 관리할 때 사용하는 클래스이다. 보통 앱을 실행하면 우선 홈 화면이 나온

2021년 9월 13일
·
0개의 댓글
·

Javascript navigator 객체, DOM(학습 47일차 TIL)

Javascript DOM, DOM Method, navigator object...

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

Type Checking navigator - React

React Navigation 공식 라이브러리는 컴포넌트 간 이동인 라우팅 기능을 제공각 navigator(stack, bottomTab 등)을 create할 때 타입을 지정해주면, 각 하위의 컴포넌트(스크린)들에 자동으로 내려지는 props(route, navigat

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

[flutter] 빌드 최소화하여 화면 간 데이터 일치시키기 (with Navigator, provider, bloc, stream)

1\. 개요 - 무엇을 말하려 하는가 위 스크린샷은 데이터를 표시하는 ListView와 상세페이지 간의 data를 일치시키는 예제이다. 우리가 사용자가 ListView에서 특정 item을 탭했을때 상세 페이지로 진입하게 되는데, 상세 페이지에서 데이터 상태가 변경되는

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

[Flutter] 첫 페이지까지 이동하기

첫 페이지까지 한 번에 pop하는 방법

2021년 2월 11일
·
0개의 댓글
·
post-thumbnail

TIL] React Native-Basic

😎 Component *React Native를 사용하면 IOS, Android 개발을 별도로 하지 않고 App 배포가 가능하다. 그게 가능한 이유는 IOS와 Android는 tag를 구분하여 사용하는데 RN에서는 그것을 포괄하는 Component를 제공하고 App이

2020년 11월 22일
·
0개의 댓글
·