부단이네 블로그

[저번 포스팅에서 설명한 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에 추가된..

「이번에는 이전 포스팅에서 만든 시계의 색깔을 랜덤 하게 바꿔보겠습니다.」 *저번에 만든 시계란?* 궁금하시다면 여기를 클릭해 보세요! 1. 바뀔 색깔을 뽑아 리스트로 만들어 줍니다. - random으로 이중 한가지 색깔을 뽑아 1초마다 텍스트의 글씨를 해당 색으로 변경할 것입니다. 2. Random기능으로 무작위 숫자를 뽑아주는 함수를 선언합니다. -무작위로 0~1중의 수를 하나 뽑은 후 그 수에 4를 곱한 다음 소수점을 버립니다. -그 수는 0~4 이므로 아까의 colorlist index와 일치하므로 - Random기능으로 뽑은 숫자에 맞는 색깔로 시계의 색깔을 변경합니다. 3. 마무리 4. 결과 -html-

「이번에는 javascript로 현재 시간(시:분:초)을 나타내 보겠습니다!」 0. "html에서의 clock부분"DOM의 객체 가져오기 1. 현재 시간 가져오기 - 현재 시간을 넣어줄 상수 clock에 현재 시간을 넣어줍니다. 2. 가져온 데이터 시, 분, 초로 나누어 저장하기 - 시간을 시:분:초로 표시해주기 위해 각각의 상수에 넣어줍니다. 3. 정제한 데이터 표시하기 -innerHTML로 가져온 데이터를 표시해줍니다. (10 미만인 부분이 있으면 0을 붙여 보여줍니다.) 4. 윗 부분을 반복 실행하기 위해 함수로 묶기 5. 1초마다 함수 실행하기 - setInterval 구문으로 시간마다 해당 함수를 반복 실행해줍니다. 6. 마무리하기 -모든 부분을 하나로! -3번 줄은 clock의 색깔을 바꿔주는..