#4.3~4.5

Events part Two

JS는 함수를 실행시키는 동시에 그 함수에 첫번째 인자에 object를 넣어준다. object에는 방금 일어난 event에 대한 여러정보가 담겨있다.

• addEventListner 안에 있는 함수는 직접 실행하지 않는다. 브라우저가 해준다. 브라우저는 이벤트에 대한 정보도 가지고 있다.
• link의 기본동작은 클릭시 다른 사이트로 넘어가는것이다.
  .preventDefault() 를이용해 link의 기본동작을 막을 수 있다.

Getting Username

//greeting.innerText = "Hello " + userName;
//greeting.innerText = `Hello ${userName}`;

• 사용과 백틱 사용

Saving Username

value 를 저장(localStorage)하는 방법, 브라우저가 value 를 저장해주는 API 를 local Storage라고 한다.

localStore 는 언제나 정의되어 있다.(개발자 도구-> application 에서 찾을 수 있다.)

localStorage.setItem('x', 'y'); --- Item을 설정하고
localStorage.getItem('x' ); --- Item을 가져오고
localStorage.removeItem('x'); --- Item(개별)을 지우고
localStorage.clearItem('x'); --- removeItem과 달리 remove all 한다.
x = key (value name), v= value