• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 리액트와 Node.js를 이용한 개인 프로젝트

리액트와 Node.js를 이용한 개인 프로젝트

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #32091

    강의현
    참가자

    코딩애플의 JS, Node.js, React까지 수강하고 개인프로젝트를 진행하려고 합니다.

    개발 계획을 세우는 도중 한가지 막막한 점이 있어 질문 드립니다.

    먼저 리액트 개발 환경에서 로그인 기능을 구현하려고 하는데요. 자바스크립트 개발 환경에서는 로그인 기능 구현 시 DB에 있는 데이터를 비교하고, 로그인 했는지 미들웨어를 통해서 확인했습니다.

    이런 기능을 React에서 구현하자니 State, Route 등 어떻게 활용해야할지 막막합니다. 

    1. 먼저 로그인 정보를 State에 저장하고 그 State와 DB에 있는 로그인정보를 비교하는 방법이 궁금합니다.

     

    2. 두번째로 라우터를 쓰는 리액트에서 로그인 한 유저라는 것을 알 수 있는 마치 미들웨어 역할을 하는 방법은 무엇인지 궁금합니다.

     

    답변주시면 개인프로젝트 진행하는데 큰 도움될 것 같습니다. 감사합니다

    #32111

    codingapple
    키 마스터

    state하나 만들어두고 기본값은 false로 해놓고 로그인성공시 state를 true로 만들어주면 끝입니다 

    그리고 라우팅할 때 마다 state가 true면 내용 보여달라고 코드짜면 됩니다 

    state대신 쿠키가 있는지 확인해도 됩니다 

    #32170

    강의현
    참가자

    답변 감사합니다.

    어떻게 할지 엄두가 안나서 손을 못댔는데 거의 방향 잡았습니다!

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠