개발하는 Kitsune

두번째 학습인데도, 사실 너무 어렵다... 이번엔 User data (회원정보 id, psword, name, 등)를 만들어주고, 이를 모델링하여 User.js 와 UserStorage.js 에 담아준다. 문자 그대로 UserStorage는 "use strict"; class UserStorage { static #users = { id: ["baaams", "bodymind", "starjieun"], psword: ["1234", "123456", "12345678"], name: ["박희범", "박우상", "이지은"], }; static getUsers(...fields) { const users = this.#users; const newUsers = fields.reduce((newUsers, ..

아이디와 비밀번호를 값들을 버튼을 누르면 서버로 전송해주어야 한다. 서버는 이 값들을 받아 로직을 처리하게 된다. 먼저 HTML 값들을 자바스크립트에서 제어하기 위해 DOM 객체를 사용해야한다. id, psword => id와 psword의 값들을 가져오고 DOM객체로 받아들여주고 버튼은 이벤트리스너로 클릭 시 함수(로그인 함수)를 실행시켜주도록 한다. const id = document.querySelector("#id"), psword = document.querySelector("#psword"), loginBtn = document.querySelector("button"); loginBtn.addEventListener("click", login); 이제 login 함수를 만들어 주어야 한다. ..