부단이네 블로그

[저번 포스팅에서 설명한 localStorage 저장 기능과 연계해 간단하게 로그인해보는 코드를 작성하겠습니다.] - localStorage에 저장 / 색깔이 바뀌는 시계 - 하이퍼링크입니다. 1. querySelector로 "로그인"의 입력 칸과 로그인 버튼을 가져옵니다. 2.ID와 PASSWORD변수에 각각 입력칸의 값들을 저장합니다. 3. 현재 입력받은 ID의 PASSWORD값과 회원 가입한 ID의 PASSWORD가 같다면 SUCCESS를, 아니면 WRONG를 경고창으로 띄웁니다. 4. 위 2,3을 하나의 함수로 선언합니다. 5. 지정된 영역이 클릭되었을때 CheckValue(위에서 만든 함수)를 호출합니다. + 내용. localStorage를 초기화하는 버튼을 만들어줍니다. 6. 마무리 7. 결과..

[이번에는 localStorage를 이용해 이미 특정 행동을 했다면 해당 영역을 영구적으로 지워보는 것을 해보겠습니다.] -저 같은 경우에는 localStorage로 회원가입(?)을 한 후 다시는 회원가입을 하지 못하도록 해당 영역을 지우기 위해 사용한 방법입니다. 0. 지울 부분을 querySelector로 지정 1. 회원가입을 했다면 localStorage에 True값(이미 했다는 것을 나타내기 위해)을 저장 2. currnetCondition, True값이 localStorage에 있다면 회원가입 부분을 제거 3. 2번 과정을 실행 4. 마무리 - (회원가입하는 코드가 섞여있습니다. 궁금하시다면 여기를 클릭해주세요) 5. 결과물 + ID 추가하기 부분과 입력칸, 저장 버튼이 사라졌습니다. -html-

[이번에는 javascript로 입력받은 값을 localStorage에 저장해 보는 것을 포스팅하겠습니다.] localStorage를 쓰는 이유는? 브라우저 세션에 데이터를 저장할 수 있습니다. 쉽게 말해 새로고침하든 닫았다 열든 그 데이터는 저장된다는 말이죠! 1. querySelector로 해당 입력 영역을 가져옵니다. 2. 입력받은 값을 변수에 집어넣기 currentIdId, currentPassword라는 변수에 각각 input_One(id의 입력값) Password_One(password의 입력값)을 넣어줍니다. 3. 2번 작업을 함수로 묶기 4. 버튼이 눌릴때 함수 작동하게 만들기 5. 마무리 6. 결과물 6-2. 결과물 - localStorage - 성공적으로 localStorage에 추가된..