[로그인]

input 생성button 생성이 앱에는 input과 button이 매우 많을 것입니다. input과 button 끌어오기이렇듯 document 또는 하나의 element를 통해서 검색이 가능합니다.이 코드는 onLoginBtnClick()이 실행되면서 loginInp

username 뒤에 .length를 더해주는 것입니다.콘솔에서도 확인해보도록 합시다.string 다음에 .length만 입력해주면 되는 것입니다.(코드 수정..)실행해보겠습니다.그리고 페이지가 새로고침되고, 값이 사라지게 됩니다. 이렇게 되는 이유는 form이 su

지난 시간에 이어서!클릭이 아닌 submit 감지하도록 코드를 작성해보겠습니다.결과를 보면 입력한 값이 콘솔창에 잠깐 떴다가 사라지는 것을 확인해볼 수 있습니다. 이것은 우리가 목표한 것의 50%를 완료한 것입니다!미션1은 form을 submit할 때 입력값을 받아내는

가끔은 뭐가 클릭되었는지, 어디가 클릭되었는지 등 정보를 알고 싶을 때가 있습니다. 그럴 때 JS는 단순히 함수를 실행시키기만 하는 것이 아니라, JS는 함수를 실행시키는 동시에 그 함수에 첫번째 인자로 object를 넣어줍니다. 그리고 이 object에는 방금 일어난

1.HTML 요소 자체를 없애는 것입니다.2.CSS를 이용해서 숨기는 것입니다.CSS에 어떤 요소에게든 이 classname을 주면, 그 요소를 숨기게 됩니다.form class에 hidden을 추가하고 새로고침을 하면,완전히 사라지게 됩니다.일단 나중에 하기위해 cl

localStorage에 뭐가 들어있는지 보고싶다면 개발자도구를 이용하면 됩니다.사진 속에 "응용 프로그램"이 없다면 +버튼을 눌러 찾으면, LocalStorage가 나옵니다.한국어라 로컬 저장소라고 뜨지만 그게 LocalStorage..지금은 LocalStorage가

local storage에서 dukin을 지우고 다시 실행해보기보다시피 local storage에 username이 없으면 null 값을 결과로 받고 있습니다.이게 우리가 원하는 local storage에 유저정보의 유무를 확인하는 것입니다.코드를 작성하고 새로고침을

시작 전, 폴더와 파일을 정리해주도록 합니다.서로 다른 기능들에 대해서 하나씩 다른 파일로 분리 시켜줍니다.이렇게하면 코드가 더 짧아지게 됩니다.html파일을 보면 greetings.js와 clock.js를 import하고 있습니다.파일 하나로 해도 상관은 없습니다!먼