[2024.01.07] router와 layout

[55555-Jyeon]

🟡 router와 layout 관련

로그인이 되었을 때 보여줄 layout과 로그인 전에 보여줄 layout이 달라서 삼항연산자 혹은 && 연산자로 구조를 짜고 싶은데 잘 되지 않아 현재 아래와 같이 처리해둠

1. isMobi ? isMobi 인지 로그인 버튼 클릭 후 성공 시 값을 true로 변경 { isMobi && < SideMenubar /> } 를 layout에 추가하는 방법으로 하고 싶었는데 layout과 outlet 사이에 props로 전달이 잘 안 되는 것 같다.. setIsMobi is not a function 에러가 떴다.

2. queryString URL로도 시도했는데 한시적으로만 적용된다. 메인 페이지에서 코드를 작성하고 사이드 메뉴바를 클릭했을 때에는 잘 적용되는데 다시 로그인페이지로 나가서 새로 시작하면 적용이 되지 않는다. useEffect(( )=>{ }, [ isMobi ]) 이걸로는 안 되는 거 같은데 다른 방법이 떠오르지 않는다...

signIn-form.js 와 layout.js 파일에서 props로 주고 받는 것과 쿼리스트링을 활용해보려고 시도해보다가 일단 위와 같이 처리해두고 계속 생각해볼 예정

[55555-Jyeon]

⭐️ multi-layout ⭐️

멀티 레이아웃으로 해보기