You will get there

프로필 구현을 해보겠다. 먼저 index_login.html을 수정해준다. 네비게이션에서 프로필칸을 만들어주고 profile.html을 주소로 넣어주고 만들어준다. index_login.html의 구조를 가져와 바디쪽에 https://mdbootstrap.com/docs/standard/extended/profiles/ Bootstrap Profile - free examples, templates & tutorialResponsive profile pages and cards built with Bootstrap 5. User profile card, profile picture, followers, avatars, comments, social stats, edit profile form.mdboot..

모듈화는다음과 같이 스크립트 파일을 하나씩 연동해줘야하는걸 스크립트 파일 하나로만 모든 스크립트를 불러올 수 있게하는 기능이다.먼저 js_login.js 를 제외한 나머지를 주석처리한다. (!! 스크립트 타입을 module로 바꿔줘야한다.) 그리고 js_login.js 최상단에 다음과 같이 추가해준다.{}안에 있는 것들은 각 js파일에 있는 함수이다. 사용할 함수만 적어주면된다.이렇게 스크립트 파일 하나로만 다 불러오는걸 볼 수 있다. 근데 이런 오류가 생긴다. onload보다 먼저 실행되기때문에 이러한 오류가 발생한다. 기존 바디태그에 있는 onload를 삭제한다.init() 함수 아래에 다음과 같은 코드를 추가한다. DOMContentLoaded는 DOMTree에서 먼저 실행한다. !!!여기서 주의..

안전한 데이터 저장을 위해 암호화 구현을 해보겠다. https://cdnjs.com/libraries/crypto-js crypto-js - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developersJavaScript library of crypto standards. - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, ..

지난 글에 popup에 대한 쿠키를 했다면 이번엔 로그인 폼에서 ID저장을 해보겠다. 먼저 로그인 폼에 아이디 저장 체크박스를 만들어줄 것이다.비밀번호를 잊으셨나요? 아래에 다음과 같은 아이디 기억 코드를 작성한다.그럼 이렇게 기능이 없는 빈 체크박스가 만들어진다. 그럼 id가 저장되는 기능을 구현해보겠다. js_login.js으로 넘어가 check_Input 함수 최상단에 다음과 같은 변수를 넣어준다. ( html에 구현한 체크박스를 가져옴. ) 그리고 최하단 submit()이전에 다음과 같은 코드를 넣어준다. 저번에 만들었던 setCookie 함수를 통해 쿠키를 저장하는 과정이다. 이제 기존에 만들었던 js_popup.js에서 set,get 쿠키 함수들을 가져와서 적용한다. 여기서 주의해야할점은 기존..