js로 리액트 virtualdom을 클로닝해보는데 bind 관해 질문 있습니다

Question

바닐라 자바스크립트로 리액트 기능을 구현하는 강의를 듣다가 노드의 children을 재귀적으로 appendChild하는 부분에서 이해가 안되는 부분이 생겼습니다. 전체 코드는 아래와 같은데 node.children.map(createDom).forEach에서 제가 생각한 코드는 .forEach(i&#61;>element.appendChihld(i))라고 생각했고 결과도 원하는 결과를 확인했습니다. 강의에서는 .forEach(element.appendChild.bind(element))와 같이 설명하였는데 bind뒤의 element가 .map(creataeDom)의 각각의 원소에 해당되는 건가요?function createDOM(node){ if (typeof node &#61;&#61;&#61; 'string') { return document.createTextNode(node) } const element &#61; document.createElement(node.tag); node.children .map(createDOM) .forEach(i&#61;>element.appendChild(i));//element.appendChild.bind(element) return element; } const vdom &#61; { tag: 'p', props:{}, children:[ { tag:'h1', props:{}, children:[&#34;React 만들기&#34;], }, { tag:'ul', props:{}, children:[ { tag:'li', props:{}, children:[&#34;React 만들기1&#34;], }, { tag:'li', props:{}, children:[&#34;React 만들기2&#34;], }, ], }, ], } if (typeof document !&#61;&#61; 'undefined') { // will run in client's browser only body &#61; document.getElementsByTagName(&#34;body&#34;)[0]; } document .querySelector('#root') .appendChild(createDOM(vdom))

js로 리액트 virtualdom을 클로닝해보는데 bind 관해 질문 있습니다

0개의 답변

#bind 목록