개발 공부/Next.js

[Next.js/JS] next-auth session 상태에 따라 화면 전환하기

next-auth를 적용한 것을 전제로 진행합니다. BottomNavigation을 만드는 와중 특정 버튼을 눌렀을 때 로그인 상태에 따라서 보여줄 화면을 다르게 해야하는 부분을 구현해야했다. 1. import 화면 전환에 쓸 Router와 상태값 변화 감지를 위한 useState, useEffect 그리고 세션을 가져오기 위한 getSession을 import 한다. import Router from "next/router"; import React, { useState, useEffect } from 'react'; import { getSession } from "next-auth/react" 2. 세션 가져와서 set 하기 const BottomNav = () => { const [session,..

2023. 2. 6. 15:56

개발 공부/React

[React] useRoutes() may be used only in the context of a <Router> component.

처음 공부하면서 만든 예제에서 useNavigate를 쓰면서 만든 예제를 참고해서 구현하다가 만난 에러 nav사용한 예제 import Home from "./pages/Home" importReactfrom "react"; import {Routes, Route,Link, useNavigate} from "react-router-dom"; import About from "./pages/About"; import Counter from "./pages/Counter"; import Input from "./pages/Input"; import Input2 from "./pages/Input2"; import List from "./pages/List"; import Test from "./pages/Te..

2022. 10. 20. 15:15