[JS] `${ }`와 lacalStorage 그리고 setInterval()

`${ }`

자바 스크립트에서 string과 변수를 섞어 사용할 때 여러 방법이 있다.

요소.innerText = `Hello ${username}`;

중요한건 ' 가 아니라 ` 이다(~키와 같이 있는 것)

 

lacalStorage

로컬 스토리지는 브라우저에 정보를 저장하기 좋다.

중요한 특징은 새로고침을 하더라도 그래도 남아있다는 것.

(파이썬의 Dictionary와 비슷하다.)

​

<method>

USERNAME_KEY 는 key값의 할 변수이고

username은 key 값으로 찾을 value이다.

localStorage.setItem(USERNAME_KEY, username); // 값 저장
localStorage.getItem(USERNAME_KEY); // 값 찾기

localStorage.remove(USERNAME_KEY); // 요소 제거
localStorage.clear(); // 전체 제거

 

setInterval()

이건 많이 사용되는 중요한 함수이다.

인자는 두가지가 사용되는데

첫 번째는 반복될 함수 ()는 빼고 써야한다.

두번째는 반복 실행 간격이다. ms단위로 1000이 1초

​

hello()라는 함수가 있다고 가정하고 5초마다 실행한다고 하면 아래와 같다.

setInterval(hello,5000); // 5초 후에 실행

// 아래는 첫 동작 후 5초 후 실행을 구현
hello();
setInterval(hello,5000);