[JavaScript] 230327 학습일기

https://nomadcoders.co/javascript-for-beginners

바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders

노마드 코더 <바닐라 JS로 크롬 앱 만들기>로 학습한 내용을 정리하였다.

---

1.

html의 도움을 받으려면 <form></form>태그를 써주는 것이 좋다.

form이 submit될 때마다 페이지는 새로고침된다.

 

 

2.

const loginInput = document.querySelector("#login-form input:first-child");
const loginButton = document.querySelector("#login-form input:last-child");

function onLoginSubmit(tomato) { //로그인 버튼 눌렀을 때 실행되는 함수
    tomato.preventDefault();
    console.log(tomato);
    }

loginButton.addEventListener("submit", onLoginSubmit);

tomato와 같이 공간만 제공하면

자바스크립트는 방금 일어난 event에 대한 정보를 지닌 argument를 채워넣음.

요러케~~

 

 

preventDefault는 어떤 event의 기본 행동이든지 발생되지 않도록 막는 것.

기본 행동이란 어떤 function에 대해 브라우저가 기본적으로 수행하는 동작.

 

 

3.

form의 기본 동작은 submit이다.

 

링크의 기본 동작은 클릭 시 다른 페이지로 이동하는 것.

 

 

4.

formatting은 아래와 같이 한다. --> string에 변수 집어넣기

TTTT = "merong";
FFFF = `kkk ${TTTT}`;

 

 

5.

localstorage는 우리가 브라우저에 뭔가를 저장할 수 있게 해줌.

 

 

 

6.

이렇게 생긴다.

 

 

localStorage 뒤에

.removeItem

.getItem

.setItem

 

차례대로

아이템지우기

아이템가져오기

아이템 추가