안녕하세요
왕초보가.. 리액트, express서버 세션 쿠키 질문드립니다...
현재 프론트는 리액트이고, 백엔드 쪽은 express로 독학 하고 있습니다.
그런데 좀 헷갈리는 부분이 있습니다.
먼저 리액트 쪽에서 로그인시도
-> express 서버에서 db에 있는 유저인지 확인후 있다면
-> express-session 라이브러리로 세션 저장하고 쿠키를 발급합니다.
여기서 좀 헷갈리는 부분이 생기는데요..
스프링 과 JSP 로 해볼때는 JSP파일 자체에 백단의 세션객체값을 가져와서 편하게 사용했는데
리액트 같은경우는 유저의 아이디를 가져와 심으면 매 컴포넌트 마다 프롭스를 넘겨주던지.. 아니면
로컬스토리지나, 쿠키탭에 또 심던지 해야 하는거같은데 방법을 모르겠습닏니다...ㅠㅠ
왕초보라 질문이 이상할수도 있지만 조언 부탁드립니다.
스프링 jsp는 렌더링 하는 주체가 세션 관리하는 서버고, 리액트나 넥스트js는 렌더링 하는 주체가 세션 관리하는 서버가 아니라 클라이언트 또는 별도의 프론트엔드 서버라서 서버에서 유저 정보를 받아와야됨
매 컴포넌트에 props 박기 싫으면 로그인 정보 관리하는 커스텀 훅 만들어서 쓰거나, 아니면 redux, zustand, jotai같은 상태관리 라이브러리 사용
키워드 감사드립니다ㅎㅎ
유저의 아이디를 여러 복합적인 컴포넌트에서 사용한다면 redux 강추 새로고침해도 유지되어야하는 정보면 redux-persist 라이브러리도 있음