2013. 4. 16. 16:17

Visual Studio 2008로 qtwebkit 사용하기

개발에서 중요한건, 확실한 Business logic과 UI, 이 두가지 요소가 아닐까 합니다. 뭐, 최근의 MVC 모델도 이러한 범주에 속하고요. 요즘 트렌드 중 하나가 Quick and release가 아닐까요. 보통 UI개발의 중요성이 떠오르고 있는데, Windows에서 문제는 "UI 개발이 어렵다" 입니다. 뭐 물론, Windows 8의 Metro app은 다르겠지만, 일단 Desktop application으로 UI 개발은 그리 편하지는 않습니다. 단적인 예로, Edit box의 배경색을 변경한다던지, Edit box의 모서리를 둥굴게 한다던지,... 와 같은 경우가 발생하면, googling에 의존하게 됩니다.

이 단점을 극복하기 위해 Visual Basic이나 .NET과 같은 도구가 나오긴 했지만, Windows라는 태생적 한계는 여전히 가지고 있습니다. 이런경우 HTML이 이용되기도 합니다. HTML은 Javascript와 CSS와 함께하여, 웬만한 HTML 개발자를 거치게 되면 UI개발을 할 수 있습니다. 그리고 jquery ui와 같은 훌륭한 UI component들도 포함되구요.

Windows에서는 이러한 HTML을 Windows에서는 IE web control로 쉽게 구성할 수 있다는 장점이 있습니다. 그런데 문제는 생각보단 IE의 의존성을 가지다 보니, 각 IE 버전별로 UI가 다르게 구성된다던지, 보안이 취약하다던지, 심하면 IE가 damage되었다면 UI가 실행조차 되지 않는다는 점입니다.

그래서 IE web control 말고 생각할 수 있는것이 webkit이며, qtwebkit을 이용하면 손쉽게 구성할 수 있습니다.
본 post는 우선, Visual studio 2008에서 qtwebkit 사용하는 방법을 공유합니다.

모든 것은,...
모든 정보는 http://trac.webkit.org/wiki/BuildingQtOnWindows [Build Instructions for the QtWebKit build on Windows]에서 확인할 수 있습니다. 작업이 진행되지 않는다면 해당 글을 참고하시기 바랍니다.

(참고)
아래 스텝들은 모두 qt 사이트에서 알려준 시나리오대로 진행한 결과입니다. 따로 확인해 보니, qt library와 Visual studio add-in만 설치해도, visual studio 2008에서 사용하는데 무리는 없었습니다.
즉, Qt Library 4.8.x Windows (Visual studio 2008)과 Visual studio add-in for qt4만 설치해도 빌드 이슈가 발생하지 않았습니다. 다만, 환경 변수에, QTDIR에 qt library 설치 경로와 path에 %QTDIR%;%QTDIR%\bin를 넣어주기만 하였습니다.

다운로드
아래를 다운로드 합니다.
http://qt.nokia.com/downloads
http://www.activestate.com/Products/ActivePerl/
http://www.python.org/download/
http://gnuwin32.sourceforge.net/downlinks/bison.php
http://gnuwin32.sourceforge.net/downlinks/gperf.php
http://gnuwin32.sourceforge.net/downlinks/grep.php
http://gnuwin32.sourceforge.net/downlinks/flex.php
http://gnuwin32.sourceforge.net/downlinks/libiconv.php
http://www.ruby-lang.org/

맨위의 qt는 아래와 같은 링크로 다운로드했습니다.


그렇다면, 아래와 같을 것입니다.


ActivePerl-5.16.3.1603-MSWin32-x86-296746.msi
bison-2.4.1-setup.exe
flex-2.5.4a-1.exe
gperf-3.0.1.exe
grep-2.5.4-setup.exe
libiconv-1.9.2-1.exe
python-2.7.4.msi
qt-win-opensource-4.8.4-vs2008.exe
ruby-1.9.1-p129-i386-mswin32.zip

설치
각각 설치를 진행합니다. 중요한지는 모르겠지만, 설치 경로가 되도록이면 공백이 없도록 요구하였습니다. 그래서, 모든 설치경로를 C:\progfile로 집중하였습니다. NTFS에서 되도록 8글자 이하면 좋겠죠?



환경 변수 설정

내컴퓨터 -> 오른쪽 클릭 -> 시스템 속성에 들어가,
아래와 같이 path에 ruby-1.9.1-p129-i386-mswin32.zip 압축을 푼 경로에 bin을 붙여 추가합니다.


그리고 새로 만들기를 눌러, 아래와 같이 QTDIR를 입력합니다.


그리고 앞서 했던 path 값을 최종적으로 아래 와 같이 추가합니다.
...;C:\progfile\ruby\bin;%QTDIR%;%QTDIR%\bin;C:\progfile\GnuWin32\bin

Visual Studio Add-in 설치
아래를 다운로드하여 설치합니다.


그리고 설치하면, 다음과 같이 qt application을 생성할 수 있습니다.
(중간에 "Can not register qmakewrapper1.dll!"이 발생했는데, 일단 무시하고 넘어갔습니다.)


Qt application을 통해 qtwebkit을 link할 수 있습니다.