자바스크립트 중간중간 모르는 것들!

1.document.createElement()

 

HTML 문서에서, Document.createElement() 메서드는 지정한 tagName의 HTML 요소를 만들어

 

반환합니다. tagName을 인식할 수 없으면 HTMLUnknownElement를 대신 반환합니다.

 

참고-https://developer.mozilla.org/ko/docs/Web/API/Document/createElement

Document.createElement()

 

2.document.body.appendChild()

// 새로운 단락 요소를 생성하고 문서에 있는 바디 요소의 끝에 붙입니다.
var p = document.createElement("p");
document.body.appendChild(p);

Node.appendChild() 메소드는 한 노드를 특정 부모 노드의 자식 노드 리스트 중 마지막 자식으로 붙입니다. 

 

참고-https://developer.mozilla.org/ko/docs/Web/API/Node/appendChild

Node.appendChild()

 

3.Element.innerHTML

 

innerHTML 값을 설정하면 요소의 기존 내용(content)을 새 내용으로 쉽게 변경할 수 있습니다.

 

참고-https://developer.mozilla.org/ko/docs/Web/API/Element/innerHTML

Element.innerHTML

4.모듈이란?

모듈이란 프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위를 의미합니다. 자바스크립트로 치면 아래와 같은 코드가 모듈입니다.

// math.js
function sum(a, b) {
  return a + b;
}

function substract(a, b) {
  return a - b;
}

const pi = 3.14;

export { sum, substract, pi }

참고-https://joshua1988.github.io/webpack-guide/webpack/what-iswebpack.html#%EC%9B%B9%ED%8C%A9%EC%9D%B4%EB%9E%80

웹팩이란? | 웹팩 핸드북