- 다양한 주제에 대해 자유롭게 글을 작성하는 게시판입니다.
Date 19/06/20 17:16:28수정됨
Name   T.Robin
Subject   Qt 5.13.0: C++로 개발해서 웹브라우저에서 실행하자!
2019년 6월 19일부로 발표된 Qt 5.13.0이 발표되었습니다. Qt 5.13.0의 새로운 기능 중에서 제 눈길을 꽤 끈 신기능이 하나 있었는데요....... Qt for WebAssembly입니다. 그러니까...... Emscripten을 사용해서 Qt를 WebAssembly로 컴파일하는 녀석 되겠습니다. 예. QML이나 Qt Widgets로 만든 프로그램을 그대로 웹브라우저에서 돌릴 수 있게 되었다는 거죠.

기존에 있던 또다른 신기한(......) 기능인 Qt WebGL Streaming Plugin하고는 다른데, WebGL Streaming Plugin은 프로그램이 서버에서 실행되면서 웹브라우저에서는 GUI 화면만 보여주는 형태인 반면 Qt for WebAssembly는 프로그램을 웹브라우저가 다운로드받아 브라우저 내 샌드박스에서 실행시키는 차이가 있습니다. 프로그램이 클라이언트에서 실행되기 때문에 서버 부하가 줄어들 뿐 아니라, WebGL Streaming Plugin마냥 GUI를 한번에 한 사람밖에 못쓰는(......) 문제도 없습니다.

이 기능을 보고나서 제가 느낀건 뭐랄까...... 일단 이것들이 인간이 맞나 싶더군요. 도대체 어디의 외계인을 고문하고 다니는 건지 모르겠습니다. 그리고 그 뒤에는 환희가 몰려왔습니다.
이제 C++로 개발한 뒤에 웹브라우저에서 실행시킬 수 있어요! Qt 개발자 여러분, GUI의 대세가 web이라 울며 겨자먹기로 Angular나 React나 Vue.js같은걸 억지로 학습할 필요가 없습니다! 이제 Qt로 개발하고 웹브라우저에서 실행시키시면 됩니다!

......그런데 그렇게 부푼 가슴이 쪼그라드는데는 몇시간도 안 걸리더군요. 이거 단점들이 꽤 있습니다.

1. WebGL이 지원 안되면 못씀
저같은 경우는 특성상 서버에서 웹브라우저를 돌려야 되는 환경도 고려해야 하는데, 이 경우 서버 하드웨어에서 OpenGL 2.0이 지원되지 않아 화면이 안 나오는(......) 문제가 발생할 수 있습니다. 멀리 갈 것 없이 HP DL시리즈 서버의 경우 최소한 7세대까지는 매트록스 그래픽 칩셋을 사용했습니다(8세대 이후로는 안써봐서 모르겠습니다). OpenGL 지원따위...... 저 하늘 위의 별같은 거죠.

2. 한글이 깨짐
WebAssembly 샌드박스 환경의 특성인지는 모르겠지만, Qt for WebAssembly는 시스템 폰트에 직접 접근할 수 있는 권한이 없답니다. 이걸 해결하려면 별도 폰트를 프로그램에 qrc 등의 형태로 내장시켜야 한다고 하네요.
해봤습니다만, 뭐...... 제가 요령이 없어서 그런지 잘 안 됩니다. 한글 왕창 깨지고요(......).2019.6.21일 업데이트: 폰트를 내장한 뒤 기본 폰트를 바꾸면 출력은 잘 됩니다. 하지만 입력은 여전히 안됩니다. 유일한 방법은 웹브라우저 밖에서 한글을 입력한 뒤 복사하고 그걸 프로그램 내부에서 갖다 붙이는 겁니다. -_-

그 외에 위키에 적혀있는 QMAKE_WASM_TOTAL_MEMORY 옵션이 실제로는 적용이 되지 않아서 Makefile을 수동으로 고쳐야 한다던가 하는 문제가 더 있긴 합니다만 이건 뭐 최초 지원이니만큼 그냥 눈감아줄 수 있다고 치고......

하여간 그렇습니다. 웹브라우저 환경을 최대한 활용하려면 QML과 구조가 대충 비슷하다고 알려진 Vue.js나 좀 더 공부해야 될 것 같습니다. -_-



1


    목록
    번호 제목 이름 날짜 조회 추천
    공지 티타임 게시판 이용 규정 2 토비 15/06/19 35553 1
    15999 여행갑자기 써보는 벳부 여행 후기 4 쉬군 26/02/03 230 5
    15998 일상/생각아파트와 빌라에서 아이 키우기 12 + 하얀 26/02/03 471 16
    15997 일상/생각소유의 종말: 구독 경제와 경험의 휘발성 2 사슴도치 26/02/02 542 15
    15996 오프모임참가하면 남친여친이 생겨 버리는 2월 7일 토요일 14시 사당 또는 이수 커피 모임 65 트린 26/02/02 1217 4
    15995 일상/생각팀장으로 보낸 첫달에 대한 소고 6 kaestro 26/02/01 613 6
    15994 일상/생각와이프란 무엇일까? 2 큐리스 26/01/31 608 9
    15993 영화영화 비평이란 무엇인가 - 랑시에르, 들뢰즈, 아도르노 3 줄리 26/01/31 404 5
    15992 IT/컴퓨터[리뷰] 코드를 읽지 않는 개발 시대의 서막: Moltbot(Clawdbot) 사용기 24 nm막장 26/01/31 748 1
    15991 일상/생각결혼준비부터 신혼여행까지 (3/청첩장 및 본식 전, 신혼여행) 5 danielbard 26/01/30 404 4
    15990 정치중국몽, 셰셰, 코스피, 그리고 슈카 15 meson 26/01/29 1156 7
    15989 IT/컴퓨터램 헤는 밤. 28 joel 26/01/29 843 27
    15988 문화/예술[사진]의 생명력, ‘안정’을 넘어 ‘긴장’으로 8 사슴도치 26/01/28 443 22
    15987 IT/컴퓨터문법 클리닉 만들었습니다. 7 큐리스 26/01/27 584 16
    15986 게임엔드필드 간단 감상 2 당근매니아 26/01/26 572 0
    15983 스포츠2026년 월드컵 우승국//대한민국 예상 순위(라운드) 맞추기 관련 글 6 Mandarin 26/01/26 366 0
    15982 오프모임2월 14일 신년회+설맞이 낮술모임 (마감 + 추가모집 있나?없나?) 18 Groot 26/01/26 731 3
    15981 정치이재명에게 실망(?)했습니다. 8 닭장군 26/01/25 1030 0
    15980 IT/컴퓨터타롯 감성의 스피킹 연습사이트를 만들었어요 ㅎㅎ 4 큐리스 26/01/25 446 0
    15979 정치민주당-조국당 합당해서 무엇을 얻을 수 있을까요? 14 Picard 26/01/23 897 0
    15978 오프모임1/23 (금) 용산 또는 서울역 저녁 모임 8 kaestro 26/01/23 704 1
    15977 스포츠[MLB] 코디 벨린저 5년 162.5M 양키스행 김치찌개 26/01/22 338 0
    15976 정치한덕수 4천자 양형 사유 AI 시각화 11 명동의밤 26/01/21 1194 11
    15974 오프모임2월 7일 토요일 14시 사당 또는 이수 커피 모임 하실 분? 21 트린 26/01/20 907 5
    15973 도서/문학용사 힘멜이라면 그렇게 했을테니까 7 kaestro 26/01/19 1047 9
    목록

    + : 최근 2시간내에 달린 댓글
    + : 최근 4시간내에 달린 댓글

    댓글