웹 개발 공부

저번 게시글에서 다룬 정규표현식을 응용하여 적용했습니다. 사용자가 입력한 값과 정규표현식을 비교해서 만일 true가 아니면 경고문 내보내는 파일로 특정 값을 보냅니다. 그럼 그 html 파일에선 if문으로 그 값을 확인하여 있으면 alert로 경고문을 출력합니다. 바로 res.wirte('')로 하지 않고 왜 이렇게 했냐면.. 문자가 깨지기 때문입니다. 이 부분 때문에 이것저것 삽질해보다가 구글 검색해서 찾은 코드를 응용했습니다.. * 참고로 여기선 ejs 템플릿 엔진을 사용합니다. 그리고 데이터 저장은 mongoDB를 이용했었습니다. # ejs 전송을 위한 form과 사용자에게 이메일 받을 input를 만듭니다. email 이어서 미리 또 경고문을 출력할 ejs 파일 생성과 생성한 파일에 코드를 작성했..

DB로 하는 것이 옳습니다. 그러나 DB를 배우기 전에 사이트에 틀이라도 회원가입을 구현하고싶어서 localStorage를 사용해봤습니다. 실전에서는 회원가입은 localStorage로 진행하면 절대 안됩니다. 민감한 정보들을 다루기 때문입니다. 또한 localStorage는 개발자도구에서 저장한 데이터를 볼 수 있습니다. #HTML 추가로 name하고 싶다면 type, id, plascholder 값만 다르게 지정하시면 됩니다. name의 type은 "text"로 하시면 됩니다. # JS const singUpForm = document.querySelector('.singUp-form'); const email = document.getElementById('email'); const password..

회원가입 구현 부분도 로그인과 같이 업데이트할 예정입니다. # HTML 이렇게 form과 input를 만들었습니다.(* 참고로 서버에 전송하지 않고 js 파일에서 불러와 비교하고 브라우저에 실행하는 방식이기에.. method, action를 사용하지 않았습니다.) 정말로 이 password로 할 것인지 한번 더 입력을 받았습니다. 그럼으로써 오타 같은 실수를 방지시켜줄 수 있습니다. (제가 password 한 칸이 더 있고 없고의 차이를 느꼈었기에 압니다..) # JS 그리고 필요한 태그들을 JS 파일에 불러옵니다. const signUpForm = document.querySelector(".signUp-form"); const upName = document.getElementById("signUp-..