# navigator
[ReactNative]Navigator
리액트 네이티브 앱에서 화면간 전환 기능을 하는 네비게이션 라이브러리에 대한 내용 전반을 다룬다.최종수정일 : 2023.04.18
브라우저 객체 모델(BOM)
1. window 객체 브라우저에서는 자바스크립트가 구동되기 위한 환경과 여러 가지 기능을 제공하고 있다. 브라우저가 제공하는 여러 가지 기능들은 window 인터페이스를 통해 사용 할 수 있다. 사진 출처 : https://www.freecodecamp.org/news/whats-the-document-object-model-and-why-you-sh...
navigator.language 제외하고 locale 값을 얻는 방법
navigator language는 우리가 브라우져 혹은 시스템의 언어를 추론할때 자주 사용하는 속성이다.그런데 특정 상황, 특정 브라우져에서는 우리가 의도하는데로 동작하지 않는다. 그중 가장 많이 나타나는 경우는 크롬 브라우져를 사용할 때다.최근 크롬브라우져를 사용할
[Flutter] 화면 이동을 위한 방법 정리 (Router)
화면 이동을 위한 방법 정리 1편 (Router) Flutter Navigator push <img src="https://velog.velcdn.com/images/tygerhwang/post/e5effe49-d820-46ad-94ea-939355092eed/im
오브젝트 모델(Object Model) D05
웹브라우저에 올라가는것은 html, css, javascriptHTML : 정보css : 디자인JavaScript : 웹 브라우저 HTML 제어, 액션Inline 방식은 태그에 직접 자바스크립트를 기술하는 방식이다.장점은 태그에 연관된 스크립트가 분명하게 드러난다는 점
[Flutter GetX] GetX를 사용한BottomNavigation Bar의 Routes 이동에 관하여
앱에 대한 간단한 정보 상태관리 : GetX 사용중 앱을 만드는 몇 개월동안 계속 풀리지 않는 고민이었던 bottom navigation bar 문제에 관해 포스팅 해보려고 한다. 처음은 IndexedStack을 사용하여 구현하였다. 다만 이 방법에 문제를 발견하
Front-end 국비지원 #060일
JQuery Progress Bar 01 >결과 >HTML >CSS >script >변수는 감싸고 있는 .progress-bar 와 안에 .bar , .num 이 있고 .num의 안에 data-num이 있는데 progressData 로 만들었다. progressBar 의 애니메이션은 progressData 의 width + '%' 의 값으로 만...
Front-end 국비지원 #054일
결과휠을 내리게 되면 다음 SectionHTMLCSSscript에 설명된 주석을 참고결과HTMLCSSscrollLeft 값만 바꿔주면 동작이 된다. 결과HTMLCSSscriptTyping 효과를 나타나게 하는 효과이다.CDN은 구글링을 통해 가져온다. 정해진 공식 페이
[Flutter] Nested Navigator
플러터에서 화면 전체를 전환하지 않고 부분적으로 어떻게 전환할까? iOS에서는 네비게이션 탭마다 네이비게이션이 독립적으로 어떻게 일어나게 하는 것이 일반적인 practice이다. 플러터에서는 어떻게 구현하는지 알아보자!
중첩된 Navigator 안에서 자유롭게 이동하기
현재 사내 어플리케이션은 크게 2가지 네비게이터로 이루어져 있습니다.Material Tab Bar NavigatorStack Navigator기본적으로는 Tab Bar Navigator 내부에서 navigator.navigation 메소드를 활용해서 화면 간의 이동을
[Flutter] Nested Navigator 위젯으로 마치 Fragment처럼 화면 일부만 이동하기 (multi, 중첩 navigation)
우리가 화면 이동 시 늘상 쓰던 Navigator.push()와 같은 방법이 아니다.
RN navigator 1개의 STACK으로 관리 쉽게 하자.
Nested Navigation을 사용할때 각 네비게이터에 화면스택이 각각 쌓임으로써 관리가 힘들었다. PURPOSE AND GOAL:Root Stack Navigation 하나만을 사용하여 히스토리 관리를 쉽게 하고자 함.협업을 위해서 카테고리별로 STACK.GROU
위젯에 대한 기능_3
Column : 세로방향에 대한 레이아웃을 잡을 때 사용합니다. mainAxisSize : 세로 방향에 대한 크기 mainAxisAlignment : 세로 방향에 대한 정렬 crossAxisAlignment : 가로 방향에 대한 정렬 Row : 가로방향에 대한 레이아웃을 잡을 때 사용합니다. mainAxisAlignment : 가로 방향에 대한 cros...
리액트에서 미디어쿼리 대신에 userAgent로 태블릿,아이폰,안드로이드를 대체해 보자
보통 반응형 처리는 css mediaquery로 처리하긴 하는데..피치 못할 사정으로 미디어쿼리를 쓸수 없는 상황이라면 요긴한 코드가 있다.나의 경우에는, react-tooltip이 데스크탑에서만 보이게 하고 싶고, 모바일,태블릿 환경에서는 안 보이게 하고 싶은데 방법
React-Native [7. React Navigation으로 페이지 이동하기]
앱에서 만든 컴포넌트들을 페이지화 시켜주고, 해당 페이지끼리 이동을 가능하게 해주는 라이브러리! Expo에서 제공하고 있다. 1) React Navigation 설치코드 2) Stack Navigator > 컴포넌트에 페이지 기능 부여. 컴포넌트 -> 컴포넌트 이동 가능케함 => 페이지 이동 기능! 설치코드 예시코드 사용법 createStackNa...
[FC] Window 객체 / Navigator Day-13
ex) main.jsex) 브라우저 리사이즈 할 때 마다 값을 구할 때ex) 스코롤 할 때 마다 거리값 구하기현재 우리가 보고 있는 화면을 브라우저가 어떤 정보값을 보유하고 있는지 확인하고, 각 브라우저마다의 고유값을 이용해서 원하는 브라우저마다 특정 코드를 실행할 수
Geolocation API 사용하기
Geolocation API는 사용자의 현재 위치를 가져오는 API로, 지도에 사용자 위치를 표시하는 등 다양한 용도로 사용할 수 있다. getCurrentPosition()메서드로 사용자의 현재위치를 불러올 수 있다.