재작년에 트위터가 완전히 client-side 렌더링으로 바꿨죠. 저는 하나의 API로 모든 프론트엔드가 동작한다는 게 마음에 들긴 했지만, 속도 면에서는 부정적인 영향이 더 많을 거라고 생각해서 server-side 렌더링을 계속 써 왔습니다. 그런데 오늘 누가 지적한 게 뼈 아팠어요.

 

"동적으로 내용을 추가해야 할 때, jQuery나 순수 js로 HTML 객체를 만들어서 내용을 추가하는 건 anti-pattern이다. 클라이언트도 템플릿으로 체계적인 렌더링을 할 수 있어야 한다."

 

이 말을 듣고 마음이 확 흔들렸습니다. 그런데 이런 반박도 있어요.

 

"그렇다면 ajax 요청을 받을 때마다 서버에서 그 부분만 HTML 렌더링을 하고 그 결과를 보내주면 된다. 이렇게 하면 클라이언트에서 DOM을 조작할 필요가 없다."

 

이것도 맞는 얘기인 것 같습니다. 여러분은 어떠신가요?