var body = document.body; 
var word = document.createElement('div'); 
word.textContent = '내용';  
body.append(word);

코드 및 분법

var body = document.body;

body 라는 변수에 document.body를 가르킨다.

var word = document.createElement('div');

word 라는 변수에

태그를 생성

word.textContent = '내용';

word 라는 변수 에 내용 추가 즉

이 생성된다.

body.append(word);

body변수에 word를 추가한다.

button1.addEventListener('click',function 콜백함수(e) {
    e.preventDefault();

    }
})

button1. 에 evnet를 추가할때 addEventListner(행동 , 함수 ) 형식으로 추가

function 콜백함수(e) {
    e.preventDefault();

   }

e.preventDefault(); 는 a태그나 submit 태그를 누를때 href를 통해 이동하거나 창이 새로고침하여 실행되는 것을 막아준다.

.focus() 사용자의 편의를 위해 마우스 포인터를 집중시켜준다.

콜백함수는 비동기에 해당된다.

개념

동기 , 비동기 에 대해

• 동기 : if 나 for 문 같이 의도적으로 실행되는 것
• 비동기 : 어제 실행될지 모르는것 → 자바스크립트에서 비동기는 코드상의 순서대로 실행되지 않는 코드

추후에 자세히 다뤄볼 것!

꿀팁

• 어떠한 내용에 대해 공통적으로 그룹으로 묶을 수 있을때 배열과 객체를 사용한다.