Browser
-
jsrender 사용시 화면이 나오다 만 경우Front-End 2021. 3. 2. 14:37
QA팀에서 어느 한 페이지에 화면이 나오다 말았다는 이슈가 들어왔다. 처음에는 육안으로 언뜻 보았을때 UI의 한쪽면이 안나오고 있길래 직감적으로 jsrender라는 플러그인을 사용해서 발생한 문제 인줄 알고 한동안 템플릿을 뜯었다 고쳤다 해봤다. 그러나 템플릿 자체에는 별다른 문제가 없었다. 콘솔과 크롬의 자바스크립트 디버깅을 이용해 jsrender의 render()함수를 통해 렌더링 해온 데이터를 출력해보면서 깨달았다. 그런데 이상한점은 랜더링 해온 데이터를 jquery의 html() 함수에 삽입한 경우에 데이터가 온전히 다 출력되지 않고 잘려서 DOM tree가 형성 되었다는 점이다. $("#content").html( $jstemplate.render(data)); 이때부터 나의 삽질이 시작되었다...