728x90 반응형 로컬스토리지2 🚀local Storage을 이용한 로그인 시스템 만들기🚀 | JavaScript 시리즈 018 1. 알아두기 1. string을 반복해서 사용하는 경우에 그리고 그것들이 무조건 같아야 할경우 변수로 고정시키는것을 추천!! =>이유: 왜냐하면!!! 만약 string을 작성하다가 오타가 나면 자바스크립트는 이걸 지적하지 않고, 변수명은 오타가 나면 지적해주기 때문이다. 2. 전체적인 구조 설명 앞에서 배웠던 local Storage 를 이용하여, 값을 브라우저에 저장하고, 불러오고 , 제거하는 법을 배웠다. 로그인 입력란에 값을 받은후, 변수 username에 저장된다. 그후, local Storage에 값을 저장한다. 그리고나서 , h1 요소에 텍스트 출력한다. 그후 h1 의 클래스에 hidden 을 제거해준다. (즉, hidden(css에 display:none)을 제거 한다는 건 화면에 출력한다.. 2021. 8. 8. 🚀local Storage(로컬 스토리지?) 🚀 | JavaScript 시리즈 017 0. 이전 시리즈 복습(recap) *알아두자. 1. preventDefault(); 의 기능: 브라우저의 기본동작 막음. 즉 브라우저가 submit 할때 원래 하는 동작을 안하게 된다 대신, 그 기본 동작을 멈추고 우리가 원하는 대로 할 수 있게 된다. 1. local Storage 에 대해 간단한 설명 뭔가를 저장하는 건 아주 자주 사용되는 기능. 예를 들어 유튜브에서 우리가 볼륨을 조절하고 새로고침하면 유튜브가 그 볼륨값을 기억하는 경우. 브라우저에 공짜로 뭔가를 기억할 수 있게 해주는 기능이 존재. 그 API 의 이름은 local storage야 콘솔에 local storage 를 입력하면 볼 수 있는데, 이미 정의 되어 있다. 2. local Storage 사용법 local storage (*개.. 2021. 8. 8. 이전 1 다음 728x90 반응형
