[작성자:] 김 형준

작성일자

.NET ListView 컨트롤의 가상모드(VirtualMode) 사용하기

.NET의 리스트뷰에는 가상모드를 지원합니다. 상당히 많은 수의 데이터를 리스트뷰의 항목으로 추가할때 속도면에서, 메모리 면에서 효율적으로 화면에 표시하기 위한 목적으로 사용할만한 매우 좋은 방법입니다.

사용자 삽입 이미지
위의 화면은 리스트뷰 컨트롤의 View 속성을 Details로 하여 그리드(Grid) 형태로 데이터를 표시하고 있습니다. 좀더 자세히 설명하면 SHP 파일에 대한 속성을 전체적으로 살펴볼 목적으로 만들어진 UI 입니다.

일반적으로 SHP 파일을 구성하는 레코드의 개수는 적게는 수십개에서 많게는 수천만개 정도됩니다. 개수가 매우 많을 경우 레코드를 한번에 리스트뷰 컨트롤에 올려 놓을 경우 UI이 얼어버리는(Freeze) 현상이 발생하고 스크롤시 매우 느린 경험을 하게 됩니다.

이럴때 가상모드를 활용해 언급한 문제를 말끔히 해결할 수 있습니다. 리스트뷰에서 가상모드를 사용하기 위해서 최소한 3가지 작업을 해줘야 합니다. 먼저 리스트뷰 컨트롤의 VirtualMode를 true로 지정하기와 다음으로 리스트뷰에서 표시할 항목의 정확한 개수를 지정하기 위한 리스트뷰 컨트롤의 VirtualListSize 값의 지정입니다. 사용자에게 제공해야할 항목의 개수가 백만개라면 이 VirtualListSize의 값을 백만으로 주면됩니다. 그리고 끝으로 실제 제공할 데이터를 필요할때 마다 그때 그때 제공해주는 RetrieveVirtualItem 이벤트 함수입니다.

private void lvAttributes_RetrieveVirtualItem(object sender, 
    RetrieveVirtualItemEventArgs e)
{
    Xr.StopMapDrawing();

    int FID = e.ItemIndex;
    XrMapLib.AttributeRow Row = SML.AttributeTable.GetRow(FID);

    if (Row != null && Row.Load())
    {
        e.Item = new ListViewItem();
        e.Item.Text = FID.ToString();
        int ToIndex = (lvAttributes.Columns.Count - 1);

        for (int iField = 0; iField < ToIndex; iField++)
        {
            String FieldValue = Row.GetValueAsString(iField);
            e.Item.SubItems.Add(FieldValue);
        }

        Row.Unload();
    }
}

위의 코드 중 중요한 부분은 e.Item에 제공할 리스트뷰의 항목을 생성해 할당한다는 것입니다. 이정도의 코드만으로도 가상모드를 충분히 실무에서 적용해 활용할 수 있지만 이에더해 캐쉬 기법을 제공함으로써 더욱 속도를 향상시킬 수 있는 방법을 제공합니다.

끝으로, 가상모드가 항상 모든 경우에서 좋은 것은 아닙니다. 필요할때마다 그때 그때 데이터를 가져오므로 전체 항목에 대한 정렬과 같은 기능을 제공할 수 없다는 점 역시 주의하시기 바랍니다.

작성일자

[JavaScript] 주의해야 할 ‘변수에 대한 호이스팅(hoisting)’

자바스크립트에서 변수에 대한 호이스팅이라는 개념이 있습니다. 함수 안에 정의된 모든 변수는 선언된 그 위치에 상관없이 함수의 윗부분으로 끌어올려(hoist)된다라는 개념입니다. 여기서 주의할 점은 자바스크립트에서 함수도 객체 변수이며 이 함수가 호이스팅될때입니다.. 함수를 정의하고 선언하는 방법을 크게 2가지로 구분할 수 있습니다.

  • 표현식에 의한 정의
  • 선언문에 의한 정의

먼저 표현식에 의한 정의의 예는 다음과 같습니다.

var bar = function() {
     // 표현식에 의한 함수 정의 
};

다음은 선언문에 의한 정의의 예입니다. 

function foo() { 
    // 선언문에 의한 함수 정의
}

이러한 함수 정의가 함수 안에서 이루어질때 호이스팅에 차이가 발생하게 됩니다. 

function test() { 
    alert(typeof foo); 
    alert(typeof bar); 

    function foo() { 
        // 선언문에 의한 함수 정의 
    } 
    
    var bar = function() {
         // 표현식에 의한 함수 정의 
    }; 
} 

test();

위의 코드를 실행해 보면 처음에는 “function”이라는 메세지가 표시되고 다음에는 “undefined”라는 메세지가 표시됩니다. 이는 표현식에 대한 함수 정의시에 함수 객체가 호이스팅될때 함수의 코드부분은 호이스팅되지 않지만 선언문으로 함수가 정의될 경우에는 함수의 코드부분까지도 호이스팅된다는 것을 알 수 있습니다.