로그인이 가능할려면 프런트에서 전달하는 아이디와 패스워드 값을 서버에서 인증하는 과정이 필요하잖아요. 인증을할려면 그 해당 데이터를 서버가 가지고 있어야겠죠.
그래서 상단에 해당 데이터를 만들어주겠습니다.
위 해당 데이터랑 프런트엔드에서 전달하는 데이터랑 인증하는 과정을 만들어보도록하겠습니다.
users의 id 안에 includes라는 메서드를 사용해서 id가 있고 이 id 인덱스와 같은 위치에 있는 psword를 검사해줘야합니다. 프런트엔드에서 전달하는 id가 users의 id에 있으면 users에 indexOf를 사용해서 id의 인덱스를 가져오도록하겠습니다. 그리고 안에 if문을 하나 더 넣어서 users의 패스워드가 프런트엔드에서 전달하는 패스워드가 같을 경우 프런트엔드한테 success: true를 통해서 로그인 성공 여부를 알립니다.
만약 실패했을 경우에는 json 형태로 success는 false 형태로 전달하고 메시지는 로그인에 실패하셨습니다 형태로 전달을해줍니다.
login.js
여기서 fetch로 전달을했어요. 그러면 서버에서 응답한 데이터를 다시 받을려면 fetch 끝에 then이랑 메서드를 사용해서 데이터를 가져올 수 있습니다. response라는 데이터를 파라미터로 전달합니다.
보면은 Promise 형태로 데이터가 날라옵니다.
Promise 타입은 then 형태로 접근할 수 있는데요.
결과:
users 데이터랑 프런트엔드에서 보내는 데이터가 같을 경우에 위 사진처럼 success를 반환하고
서로 데이터가 다를 경우에는 success를 false로 반환하게됩니다.
'IT-백엔드' 카테고리의 다른 글
Rest API에 대해서 1 (0) | 2024.01.24 |
---|---|
Rest API에 대해서 2 (0) | 2024.01.24 |
node.js 서버의 응답데이터 처리 (0) | 2024.01.24 |
자바스크립트의 생태계와 Node.js의 역사 (0) | 2024.01.24 |
백엔드 개발 환경 설정하기(npm, 린터, 포매터) (2) | 2024.01.24 |