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

home2 게시판 React 게시판 애쁠쌤.. 제가 로그인기능 간단하게

애쁠쌤.. 제가 로그인기능 간단하게

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

    오진희
    참가자

    제 플젝에  간단하게 로그인기능을 만들어보구 싶어서

    인터넷 찾아서 json-server, axios 를 이용해 로그인 기능 구현 하는방법이 있더라구요.

    그른데...따라서 해봤지만.....점점 엉망진창이 되가고.....만약 비번이나.아이디가 틀릴경우 경고창이 뜨도록 했지만 아예에러창이 나타나서 프로퍼티를 읽을수없다고 하....^^ ㅠㅠ

    코드를 올려서 수정받고싶지만 엉망친창 이라 창피해서 올리기가........

    혹시 애쁠쌤 님의  간단한 방법 공유해 주실수없을까요?ㅠㅠㅠ 

     

    #24126

    codingapple
    키 마스터

    json-server는 그냥 간단하게 목업 데이터가지고 노는거라 

    일단 json 파일에 유저의 이메일, 패스워드가 잘 저장되어있는지 확인하고

    요청시 이메일 패스워드 잘 전송했는지 확인하면 끝인데

    에러나는 부분을 올려주시면 됩니다 

     

    #24139

    오진희
    참가자

    넹  말씀데로  데이터들은 잘도착하는뎅

    이제 자바스크립트 로직이 엉망진창이라.... 생각대로  잘안되더라구요 ㅠㅜ 

    다시 한번도전해보구!!! 수정받겠습니다~~~!

    #24691

    오진희
    참가자

    로그인페이지 간단하게 로직 만들었습니다. 

    아이디 비번일치 할때와 , 비번일 틀릴경우는 로직이 제대로 동작합니다.

    그런데 ...만약 아이디를 틀리게 적을경우 else if( !user) 에 있는 alert이 동작을 안하고 ,

    .catch()구문이 작동하더라구요 ....  왜 catch가 동작을 하는지 .....

    아이디를 틀릴게 적을 경우 !user 가  맞는게 아닌가요???

    console에서 user 가 undefined으로  찍히는건 알겠는데.....

    아이디가 틀릴경우도 동작하게 하구싶습니다~.

    json 

    { users: 
      [ 
         { id: "jinhee153",
            password: "1532",
            name: "진희님"
         },

        {},

        {},

        {}  
     ]

    입니다.....

    #24699

    codingapple
    키 마스터

    아마도 그 가짜서버는 아이디비번 불일치 이런거는 검사못하나봅니다 

    #24703

    오진희
    참가자

    엇! 서버에서  그런검사를해서 뱉어주는거에요?  그럼 ....react 컴퍼넌트 안에서는  검사 를 어케....해야될까염?....

    #24715

    codingapple
    키 마스터

    프론트엔드에서는 아이디 비번 맞는지 검사는 못합니다 가짜데이터같은거 state에 저장해두면 가능할 수도 있겠군요 

    #24744

    오진희
    참가자

    아항 ㅠㅠ 못하는군요 ㅠㅠ 감사합니당 ㅠㅠ

    그럼 혹시 저기  !user는  아이디가 다른단경우가 아닌건가욤? .... 되면좋겠는데 🥺  혹시 그럼 가짜서버에서도  대강   검사하는 로직이 복잡할까요?  방법 부탁드리면.....번거 로우시겠죠?......

    #24768

    codingapple
    키 마스터

    그건 안써봐서 모릅니다 

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

About

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

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

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