js쪽에서 html내에 엘리먼트 추가할때 어떤 방식이 젤 좋음?

[익명(125.129)]

innerHTML이 성능저하 없이 제일 좋다고 들었는데 

뭔가 어거지로 쑤셔넣는 느낌이 강한데 그냥 innerHTML써?

append,create 이쪽은 재렌더링 일어나서 자주쓰면 성능저하 크다고 들었음 

그냥 문자열로 계속 추가해서 맨마지막에 innerHTML로 한꺼번에 넣는게 좋은습관임??

[ASDF(121.137)]

문자열로 하나로 모은다. 한번에 더한다.

[ASDF(121.137)]

fragment를 사용해본다

[ASDF(121.137)]

innerHTML은 빈요소에 한번에 넣을때 효과적임 이미 자식노드가 있는 곳에 하면 느림

[ASDF(121.137)]

그리고 대충 게시판 정도할땐 표도 안난다.

[ASDF(121.137)]

뭘 쓰던지 간에

[익명(125.129)]

그래도 미리 습관들이고 싶어서 찾아봤는데 반복해서 추가할때 document.fragment에 넣은 뒤 한번에 dom에 추가하면된다는거 같아서 글케해볼라고 ㅇㅇ

[black7375(221.168)]

https://black7375.tistory.com/74
이랑 레이아웃쪽 쭉 읽어보셈