23-05-30 TIL

오늘 한 것

바닐라 자바스크립트만을 사용 하여 웹페이지 만들기

 

알게된 것

jQuery를 사용을 못하니 문서 객체모델을 사용하여야 했다.

처음보는 것이 많고 어지러웠지만, 실행 과정을 알 수 있게 되어 도움이 되었다.

 

${".mycards"}.append(temp_html)

을 jquery를 사용하지 않고 작성하니

document.querySelector(".mycards").insertAdjacentHTML("beforeend", temp_html);

엄청 길어 졌다.

 

${".mycards"}.empty()

document.querySelector(".mycards").innerHTML()

innerHTML을 사용하라고만 나와있어 함수형태로 처음에 사용을 하니 안되었다.

다시 한번 찾아보니 (element) 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 설정합니다.

라고 하여

  document.querySelector(".mycards").innerHTML-=

이미 설정되어 있는 카드 하나를 빼는 것이니까 -= 연사자를 사용하는 바보짓을 해보았다.

이유는 정확히 모르겠지만, 이로인해 for문을 돌리고난 후의 mycards도 전부 사라지는 것을 확인.

설정을 고민하던 중, 빈 문자열로 지정하면 어떤가라는 생각을 하게되었다.

  document.querySelector(".mycards").innerHTML=""  

드디어 정답...

정말 기초적인 것은 의외로 찾아보아도 없는 경우가 많은 것같다.

(아직 구글링능력이 부족해서 그럴지도)

역시 기초가 중요하다!

전부 암기하는 것이 아닌 이해를 하자!

아자아자!