반응형

라우터 3

[webOS] React Router dom 중에서 tv에선 BrowserRouter 작동안됨

내가 처음 발견했다가, 다른 문제가 있어 안되는 것인가(앞서 포스팅한 404에러 문제 및 포트 이슈가 있어 그거인줄) 알고 시간이 없어 그냥 넘어간건데 동료직원이 해결했다. 우리가 기본적으로 쓰는 BrowserRouter는 tv에서 당연하게 먹히지 않는다. 왜냐하면 linux를 보통 쓰니까 그런데, 그걸 생각하지 못하고 왜 안되냐? 이러고 있었다. 아무튼 공식문서를 찾아본다는 생각은 안하고 있다가 이번 기회를 통해서 다시 공부했다. 분명 브라우저 말고 다른 것도 있을텐데하면서 예전에 한번 쓴 기억은 있는데 너무 오래되어 까먹은 듯... +++ 추가 에뮬레이터에서만 안되는 것 같다. Tv로 배포하는 경우 정상작동을 확인. 사이드 이펙트가 있을 것으로 보고 hash라우터에서 탈출해서 다행인 듯 ++02.28..

취업/LG webOS 2022.12.30

[Next] 서버사이드의 폴더 경로 사이트 페이지 방식

Next.js의 경우 서버사이드이다. 기존 react와 다르게 크롤링을 위해서 서버에 요청시 모든 페이지를 로딩한다. 즉 검색 기능에 노출되기 쉽다. 그리고 또한 page를 기존 React의 경우 페이징을 위해 무조건 쓰는 React router v5 기준 Switch, v6기준 Routes를 쓰지 않는다. pages ㄴindex.js // domain.com/ 과 같은 상황 ㄴnews ㄴ index.js // domain.com/news ㄴnews/id ㄴindex.js // domain.com/news/id 이러한 구조로 폴더별로 경로를 설정할 수 있어서 매우 좋다. 즉 편리하다 이말이여~ 기존에는 라이브러리를 일일히 호출하고 이를 넣어서 경로 잡아야 했는데, 그런게 없으니 ㅎㅎㅎㅎㅎ import R..

코딩/Next.js 2021.12.19

[RN]리액트 네이티브-Today I'm Learned (10)"네비게이터"

- 오늘 학습한 내용. npm install @react-navigation/native npm install @react-navigation/bottom-tabs 네비게이션 적용 - 오늘의 코드 내용. 하단 tab 네비게이션을 사용했는데, 해당 페이지 호출하는 데 있어서 매우 곤란했다. 일일히 호출 해줘야 하는 게 있었는데, 이를 안하고 싶었던 게 있었다 stack.screen 일일히 따로 그룹핑해서 화면을 뿌려주는건 감을 잡았는데, 이를 어떻게 보여줄 것인가가 문제였다. 구조는 stack 한개, tab 한개로 짰다. 문제점으로 1. stack을 호출하지 않는 컴포넌트로 이동시 navigation.navigate('특정 페이지')가 제대로 호출되지 않았다. 2. 위 문제를 해결하기 위해서 따로 해결하려..

코딩/React Native 2021.04.07
728x90