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

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

• format_list_bulleted JavaScript
• · 2008. 2. 1.
• textsms

다이아몬드형 문자열 출력 자바스크립트

다이아몬드형 문자열이 뭐냐 -_ -;; ♡ ♡♡♡ ♡♡♡♡♡ ♡♡♡♡♡♡♡ ♡♡♡♡♡♡♡♡♡ ♡♡♡♡♡♡♡ ♡♡♡♡♡ ♡♡♡ ♡ 뭐 요래 출력하는 문자열이다 -ㅁ-;; 암튼 이런 소스를 만들기 위해서 입력받는 수는 홀수여야 하는 조건이 있다. (만약 짝수면 +1을 해서 홀수로 만들면 되지만..) 그리고 양수여야 한다. 이것을 계산하기 위해서는 반을 잘라서 보면 되는데 지정된 수까지 증가할 때 까지는 왼쪽의 공백이 감소하다가 그 이후로는 공백의 수가 증가한다. 이는 Math.abs() 함수를 이용하면 되지만 abs 함수를 만들어서 처리했다. 아래 예제를 참조 하시길 ^ ^

• format_list_bulleted JavaScript
• · 2007. 7. 9.
• textsms

자바스크립트 trim() 메소드 구현

문자열의 앞과 뒤쪽에 공백을 제거해주는 trim() 메소드 상당히 자주사용하지만 자바스크립트에서 기본적으로 제공하지 않는 메소드이다. 그래서 자주 만들어서 사용하는 메소드들 중 한가지인데 이를 아래처럼 만들어서 사용하면 편하다. function trim(str) { while(str && str.indexOf(" ") == 0) str = str.substring(1); while(str && str.lastIndexOf(" ") == str.length-1) str = str.substring(0, str.length-1); return str; } 대신 이 메소드에도 단점은 있다. 공백에는 빈칸(공백문자) 외에도 캐리지 리턴(\r) 뉴 라인(\n) 탭문자(\t) 이 외에도 있지만 입력받을 수 있는 공..

• format_list_bulleted JavaScript
• · 2007. 5. 27.
• textsms