[TIL]

프로젝트에서 맡은 일

- 메인 틀 레이아웃 작업.

- 헤더 레이아웃 및 스크롤 작업.

- firebase로 작성된 방명록 글 수정 작업.

 

오늘은 공식문서의 중요성을 깨달았다.

firebase 로 글 수정을 하기 위해서는 데이터의 id 값이 필요했는데, 문서를 보면서 찾게 되었다.

doc.id 로 id를 가져올 수 있었다.

id를 부여해야할지 고민했는데, 이 고민은 문서를 보고 해결하게 됐다.

 

글 수정 작업을 위해서 수정 버튼을 누르면 게시물의 내용이 작성 폼으로 내용을 옮겨서 수정할 수 있도록 작업중이였는데,

버튼의 조상 태그를 가져오는게 쉽지 않았다.

$(document).on('click', '.updateBtn', function(e){
  const target = e.target;
  const parent = target.parentElement.parentElement;      
  let contents = parent.querySelector('.card-text').innerText;
  // ...
});

 

parentElement.parentElement 로 조상 요소 가져오는 것을 해결했는데, parentNode를 두번 사용한 것과 결과가 같아서 더 찾아보았다.

parentNode

특정 노드의 부모 노드를 반환한다.

반환되는 node가 element 가 아니라면 node를 반환한다.

 

parentElement

특정 노드의 부모 element 를 반환한다.

반환되는 node가 element 가 아니라면 null을 반환한다.

console.log(document.documentElement.parentNode) //아래 이미지 참고

console.log(document.documentElement.parentElement) //null