소개
게시글
질문&답변
간격맞추기
내부 텍스트 요소에 hug 주셨는지 확인해보세요 저는 label 요소 높이가 치수를 가지고 있어서 hug로 바꿨더니 딱 맞더라구요
- 1
- 2
- 294
질문&답변
회원가입 로그인 관련 질문 드립니다.
signin.js 파일 코드 첨부드립니다! /* // 로그인 API 연동과정 1. #signin button 클릭 2. #userID, #password 값 확인 (두 값이 모두 입력되어 있지 않으면 return alert) 3. 위 값을 만족하면 로그인 API 요청 4. 요청이 성공적이지 않다면, alert message 5. 요청이 성공하면, jwt를 localstorage에 저장하고 main page로 이동 */ let url = "http://127.0.0.1:3000"; const btnSignIn = document.querySelector("#signin"); // 1. #signin 클릭 btnSignIn.addEventListener("click", signIn); async function signIn(event) { const userID = document.querySelector("#userID").value; const password = document.querySelector("#password").value; // 2. #userID, #password 값 확인 (두 값이 모두 입력되어 있지 않으면 return alert) if (!userID || !password) { return alert("올바른 회원정보를 입력해주세요."); } // 3. 위 값을 만족하면 로그인 API 요청 const signInReturn = await axios({ method: "post", // http method url: url + "/sign-in", headers: {}, // packet header data: { userID: userID, passoword: password, }, // packet body }); // 4. 요청이 성공적이지 않다면, alert message (axios에서 전달받은 code가 200번인가?) const isValidSignIn = signInReturn.data.code == 200; if (!isValidSignIn) { return alert("요청에 문제가 생겼습니다."); } // 5. 요청에 성공하면, jwt를 localstorage에 저장하고 main page 이동 const jwt = signInReturn.data.result.jwt; localStorage.setItem("x-access-token", jwt); alert(signInReturn.data.message); return location.replace("./index.html"); }
- 0
- 3
- 382