innerHTML

    innerHTML 을 사용할 때 속도를 위한 주의사항

    당연히 알고 있을 내용이지만.. 아래 소스를 일단 분석해보면 1. 첫번째 붉은 코드는 div테그의 innerHTML에 직접 문자열을 추가해 나가고있고, 2. 두번째 붉은 코드는 먼저 문자열을 변수에 더해 담고, 전부 완료된 후 한번에 innerHTML에 넣고 있다. innerHTML은 화면에 표시되는 브라우져 출력 버퍼에 내용이 보내지게 되는 Property(속성) 값이라 I/O 처리가 들어가게된다. 때문에 메모리에서 처리한 후 단 한번의 브라우져 출력 버퍼로 I/O를 수행하는 2번째 코드가 훨씬 빠른 성능을 낼 수 있다. 그러므로 반복구문(for, while)에 innerHTML에 값을 넣는 실수는 하지 않도록 하자. 예제 page. http://samples.msdn.microsoft.com/work..