바닐라 JS로 Chrome 앱 만들기!

자바스크립트와 친해져보기 위해 실습을 하나 진행하였다! (with.nico쌤)

받아쓰기와 같은 부분도 꽤 많았지만,,, 새로 배운 내용도 많았고, 이제 기능적으로 어떤 식으로 만들어볼까??라는 생각을 할 수 있게 되었다.

그리고 실제로 사용하고 있다... awesome,,,

---

const bgImage = document.createElement('img');

bgImage.src = `./image/${chosenImage}`;

document.body.appendChild(bgImage);

되게 간단한데 처음 보니까 오호 싶었다 ㅎㅎ,,,

---

const HIDDEN_CLASSNAME = 'hidden';
const USERNAME_KEY = 'username';

습관적으로 이렇게 했는데, 이렇게 하면 오류를 잡는 게 확실히 편하겠구나!

---

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

preventDefalut는 브라우저의 기본동작을 막아준다!

ex)input의 새로고침.

클래스를 더하고 빼고 , 로컬저장소에 저장까지,,,!!

todos.js는 너무 길어서 자체 공부 한 번 더하기!!!!!