해물파이의 괴발개발 TIL

velog.io/@risha939/DOM-%EB%BF%8C%EC%8B%9C%EA%B8%B0

//console.log(); //username, roomname, data, text //results : {[{username: "관리자", roomname: "name", date: "2020-11-11T06:48:12.045Z", text: "환영합니다"}]} // for(let el of res.results) { // let chat = document.querySelector('#chats') // //make box // let chatbox = document.createElement('div') // chatbox.classList.add('tweet') // //insert chatbox in chat // chat.prepend(chatbox) // //make username /..

const targetName = document.querySelectorAll('.name'); for(let i = 0; i < targetName.length; i++) { targetName[i].onClick = function() { for(let j = 0; j < arr.length; j++) { if(targetName[i].textContent === arr[j].firstName + ' ' + arr[j].lastName) { return printRole(arr[j]); } } } } //제대로 작동하지 않음 const targetName = document.querySelectorAll('.name'); targetName.forEach(function(el) { el.addEve..

태그 안에 있는 은 눌렀을 때 새로고침이 된다. 따라서 해결방법은 태그를 지우는 것이다.

twittler를 만들기 시작했다. 전날 했던 목업 구현까지는 쉬웠는데 DOM으로 실제로 구현하니 애로사항이 꽃피었다. 아직은 감이 안 잡힌다.

는 반드시 의 마지막에 넣어야 DOM이 읽을 수 있다!

gist.github.com/thegitfather/9c9f1a927cd57df14a59c268f118ce86

twittler의 와이어프레임을 만들고 목업을 만들었다. 찾아보면서 만드는게 생각보다 어렵지 않고 다 만들고 보니 재밌었다. 반면 DOM을 처음 배우는데 CRUD 관련메서드와 함수들을 배울 때 이해가 안 돼서 몇 번이고 다시 봤다. .remove()와 .removechild()의 차이라던가.. 좀 더 공부를 해야 하겠다.