ABC.addEventListener("submit", DEF); submit이벤트를 기다리고 있고, 이벤트가 활성화 되면 DEF를 실행.

const HIDDEN_CLASSNAME = "hidden";

loginForm.classList.add("HIDDEN_CLASSNAME");
greeting.classList.remove(HIDDEN_CLASSNAME);

여러번 사용하게되며 오타가 무조건 안되는 문자열(string)의 경우에는
const를 통해 변수값을 정의해두는것이 좋다.

모두 대문자로 표현함으로써 그 의도를 파악할수있고,
이렇게 하면 오타가 나더라도 자바스크립트 내에서 오타가 났다고 표시를 해준다.

loginForm.addEventListener("submit", onLoginSubmit);
submit(제출)을 기다리고 있음. submit(제출)이벤트가 활성화 되면,
onLoginSubmit함수를 실행.__(아래와 같음)

function onLoginSubmit(event){
event.preventDefault();
loginForm.classList.add("HIDDEN_CLASSNAME");
const username = loginInput.value;
localStorage.setItem(USERNAME_KEY, username);
paintGreeting(username);
}