# navigation

47개의 포스트
post-thumbnail

React 에서 React-Router 없이 Navigation 해보고 싶었다...

이곳을 보면서 알아갔다.Dom 문서를 담은 창... 그럼 Dom은? 브라우저가 HTML 웹 페이지를 인식하는 방식을 자기들이 이해 할 수 있게 계층화 시켜서, 트리구조로 만든 Object Model 이다.그러니까 단적으로?? 우리가 아는 HTML 이다. 우린 Dom 을

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

Navigation - bottom 응용

안드로이드의 jetpack에는 navigation이라는 라이브러리가 존재합니다.기본적으로 fragment들의 이동, 스택을 관리하기 위한것이며 많은 어플에서 바텀 메뉴를 사용하고 액티비티보단 fragment로 화면을 구성하기 때문에 반드시 익혀두어야 할 라이브러리중 하

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

Error Log(React-naive:TypeError)

꾀 오랜 시간 검색해 보았지만...별다른 소득은 없었다...그러나 해결은 하였다....<Stack.Navigator /> 안에 들어 있는 모든 컴포넌트는 navigation객체를 받는줄 알았는데...아마도 감싸진 컴포넌트의 자식에서 사용하려면 자식에도 props로

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

NavigateUp vs PopBackStack

안드로이드에서 뒤로가는 버튼은 2가지가 존재한다.아이폰유저가 친숙한 상단의 백버튼,안드로이드 유저가 친숙한 하단의 백버튼이 있다.이에 맞춰서 jetpack - navigation 에서 뒤로가는 버튼은 두가지 종류가 존재한다.상단의 백버튼은 navigateUp, 하단의

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

[TIL] 1118 LikeLion🦁 FES 14

이전 글(CSS로 checkbox 꾸미기(https://velog.io/@cnsrn1874/TIL-1112-LikeLion-FES-10바로 키보드의 tab키로 사이트를 탐색할 때 로그인 상태유지는 focus 하지 않고 지나치는 것이었다. 이렇게 되면 시각장애인

2021년 11월 18일
·
1개의 댓글

안드로이드 Navigation 사용하기 (Kotlin)

안드로이드에서 Navigation 사용하는 방법!

2021년 11월 4일
·
0개의 댓글

Jetpack Compose : Navigation

composable() 메소드로 시작 경로와 라우트를 정의한다.'slug' 라는 string 타입의 argument 를 사용하여 HomeDetail로 이동하는 예제BottomBar() 의 네비게이션과 상세 화면으로 이동하기 위한 예제.네비게이션 규모가 커질수록 NavG

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

[React-Native] navigation (공식문서 안 읽고 삽질한 썰...)

react-native를 접한 뒤 react의 router처럼 작동하는 navigation을 설치하여 테스트 해 보았다. 그런데 너무나도 빠르게 변화하는 react-native의 속도에 맞추지 못하고 구글링으로 이곳저곳을 헤매다 결국 공식문서를 보긴 하여 코드를 작성하

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

BottomNavigation 만들기

공식문서에 나와있는 내용을 참고하면서 하겠습니다.프로젝트를 생성하면 기본적인 의존성은 다 주입된 상태여서 따로 해줄 작업이 없지만 만약 의존성주입이 안되있다면 공식사이트의 안내에 따라 주입해주면 됩니다.프로젝트 레벨의 build.gradle모듈 레벨의 build.gra

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

[React-Native] #1. Navigation

WIT 동아리에서 진행하는 프로젝트를 하던 중 제가 Navigation에 대한 개념을 정확하게 숙지하지 못하고 있다는 것을 깨달았습니다. 팀장님이 짜둔 구조를 몇 번을 봐도 이해하지 못해서 결국 늦은 밤에 여쭤보고 말았습니다...여튼 이 기회에 다시 한번 리액트 네이티

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

JetPack - Navigation

안드로이드 제트팩에는 네비게이션이라는 것이 있다. UI전환을 시각적으로 보여주어서 좀 더 편하게 도와주는 라이브러리 입니다. 먼저 App단위의 gradle에서 dependency를 추가해야 한다. 그리고 3개의 fragment를 만들어 준다. Navigation Host Navigation을 구현 할 때에는 Host를 정의해야 합니다. Host는 화...

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

Jetpack Navigation(3)

NavOptions를 사용해서 기본전환, 호출과 관련된 특성도 재정의 할 수 있습니다.NavOptions이란? NavOptions는 탐색(navigation) 작업을 위한 특수 옵션을 저장합니다.버튼을 클릭하면, 설정한 애니메이션이 적용되어 등록한 대상으로 이동한다.a

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

[React] React 중급 - Navigation 2

위와 같이 영화가 설명되는 부분을 클릭하면 해당 영화의 상세 내용을 보여주는 페이지로(=AboutPage) 전환하는 구조를 만들어본다.단순 url 요청이 아닌, Router에 의해 정의된 url 요청은 react-router-dom으로부터 기본적으로 props를 디폴트

2021년 8월 22일
·
0개의 댓글

[React] React 중급 - Navigation 1

별도의 url 요청없이 EventTrigger(클릭 등)을 통해 다른 Component(페이지)로 전환하는 기능을 말한다. Navigation을 구성할 때는 다음과 같은 유의사항을 생각하면서 구조화를 진행한다.Component로 구성하여 Navigation compon

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

Jetpack Navigation(2)

저번 포스팅과 이어서, 탐색 그래페어는 사용 가능한 대상이 표시된다!

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

RN navigation에서 tab은 탭 전환시 랜더링이 안된다.

말 그대로 rn navigation에서 tab을 사용하여 페이지 전환시 각 탭 페이지는 re-rendering을 시키지 않는다. 처음에 mount 할때 랜더링 시키고 그 다음부턴 효율때문인지 걍 랜더링 되있는 페이지를 사용한다. 탭 페이지를 어떻게 화면 전환시 랜더링

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

Jetpack Navigation(1)

https://developer.android.com/guide/navigation?gclid=Cj0KCQjwvO2IBhCzARIsALw3ASoQlcXG_dBxRqcI9JYt5Si7x55ln9QJvp6IyBoRxt5jQGzikaerZJAaAjS3EALw_wc

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

ReactNative 에서 header 의 left 와 title 간의 간격 조정

react native navigation - header 에서 left 와 title 간의 간격을 조율하는 방법에 대해서 알아보자.

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