EI_HJ

이번 포스트에서는 개인프로젝트 진행 중 nextSibling로 노드에 접근하여 데이터를 처리하는 과정에서 배운 점을 간략하게 정리한다. 자바스크립트에서 아래와 같이 노드 간의 관계를 이용하여 접근하는 방법이 있다. 1. parentNode : 부모 노드 2. childNodes : 자식 노드 리스트 3. firstChild : 첫 번째 자식 노드 4. lastChild : 마지막 자식 노드 5. nextSibling : 다음 형제 노드 6. previousSibling : 이전 형제 노드 이 중 나는 nextSibling을 사용하여 댓글의 다음 요소를 탐색해 해당 댓글의 마지막 부분에 대댓글 입력창을 넣어주는 로직을 짜고 있었다. 처음 페이지를 랜더링(처음 서버에 페이지 정보를 응답 받을 때)을 제외하고..

비동기 통신XMLHttpRequest자바스크립트 비동기 통신의 근간이 되는 객체 이 객체를 사용하면 웹 페이지가 전부 로딩된 후에도 서버에 데이터를 요청하거나 서버로부터 데이터를 전송받을 수 있습니다.즉, 웹 페이지 전체를 다시 로딩하지 않고 일부분만을 갱신할 수 있게 됩니다. *AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 예제var xhr = new XMLHttpRequest(); //XMLHttpRequest 객체 var formData = new formData(); //xhr로 보내질 데이터 폼 formData.append('boardId',boardId); formData.append..