웹 개발

웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스

Name: 웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스
Price: 77000 KRW

WebAssembly를 이용해 C, C++, Rust 등의 컴파일 언어로 웹 브라우저에서 동작하는 고성능 웹 애플리케이션을 개발 할 수 있습니다.

(4.3) 수강평 3개

수강생 102명

김대진

webassembly Qt wasm

초급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

이런 걸 배울 수 있어요

C/C++/Rust를 이용해 웹 브라우저에서 동작하는 웹 애플리케이션을 개발할 수 있습니다.
PHP,ASP.NET, JSP등을 대신해 C/C++/Rust을 이용해 웹 애플리캐이션을 개발할 수 있습니다.
C/C++/Rust 로 개발한 기존 소스코드를 그대로 이용해 웹 브라우저에서 동작하는 웹 애플리케이션을 개발할 수 있습니다.

이제는 Web도 Qt를 이용해 쉽게 개발하자!.

컴파일 언어로 웹 애플리케이션을?
WebAssembly

웹 애플리케이션 개발은 전통적으로 HTML, CSS, JavaScript, PHP, ASP.NET, JSP 등 다양한 웹 프로그래밍 언어를 활용해 이루어져 왔습니다. 그러나 WebAssembly 기술의 도입으로, 이제는 더욱 효율적이고 강력한 방법으로 웹 애플리케이션을 개발할 수 있습니다. 특히, C, C++, 그리고 Rust와 같은 고성능 언어를 사용하여 웹 브라우저에서 동작하는 애플리케이션을 구현할 수 있는 새로운 가능성이 열렸습니다.

네이티브 웹 애플리케이션 vs. WebAssembly

동일한 소스코드로 빌드된 네이티브 애플리케이션과 WebAssembly 기반으로 빌드된 웹 애플리케이션을 실행한 비교 화면입니다. 결과적으로, 실행 속도에서 유의미한 차이를 느끼기 어려울 정도로 WebAssembly가 놀라운 성능을 보여줍니다.

1) 동일한 소스코드로 빌드한 Clock 실행 비교 화면

_{네이티브 컴파일러를 이용해 빌드한 파일을 실행한 화면}

_{WebAssembly 기술로 빌드한 실행파일(WASM)을 웹 브라우저에서 실행한 화면}

2) 동일한 소스코드로 빌드한 Submarine Attack 게임 소스코드 실행 비교 화면

_{네이티브 컴파일러를 이용해 빌드한 파일을 실행한 화면}

_{WebAssembly 기술로 빌드한 실행파일(WASM)을 웹 브라우저에서 실행한 화면}

3) 동일한 소스코드로 빌드한 Colliding Mice 실행 비교 화면

_{네이티브 컴파일러를 이용해 빌드한 파일을 실행한 화면}

_{WebAssembly 기술로 빌드한 실행파일(WASM)을 웹 브라우저에서 실행한 화면}

강의의 목표

Microsoft Windows, Linux, macOS 등 다양한 플랫폼에서 WebAssembly 개발 환경을 효과적으로 구축하는 방법을 학습합니다.

또한, C, C++, Rust와 같은 고성능 언어를 활용하여 WebAssembly 기술로 웹 애플리케이션을 개발하는 실전 스킬을 익힐 수 있습니다.

JavaScript로 개발하기에는 복잡한 로직이나 고성능이 요구되는 웹 애플리케이션도 WebAssembly 기술을 통해 보다 쉽고 효율적으로 구현할 수 있습니다.

C, C++, Rust와 같은 언어로 컴파일된 WebAssembly 기반 애플리케이션은 네이티브 수준의 성능을 제공하며, 웹 환경에서도 뛰어난 실행 속도와 안정성을 자랑합니다.

이 강의만의 핵심 장점 ✅

실전까지 생각한 강의

이 강의는 실무 역량 향상을 목표로 체계적으로 설계되었습니다. 각 섹션에서는 이론 학습을 통해 기본 개념을 탄탄히 다진 후, 실전 예제를 직접 구현하며 실무에 적용할 수 있는 기술을 익힐 수 있도록 구성되어 있습니다. 이 과정을 통해 학습자는 실전에서 바로 활용 가능한 실질적인 능력을 키울 수 있습니다.

생생한 라이브 코딩으로 집중 Up

지식공유자의 모습을 강의 화면에 함께 담았습니다. 생생한 라이브 코딩과 함께 진행되는 수업을 통해 마치 오프라인 수업을 듣는 느낌으로 언제 어디서나 학습해 보세요.

WebAssembly, 이런 분들께 추천합니다!

✅ 웹 브라우저에서 동작하는 고성능 웹 어플리케이션을 개발하고자 하는 분

✅ 웹 브라우저에서 동작하는 웹 어플리케이션을 개발하고자 하는 분

Q&A 💬

Q. 이론/문법 외에 실제로 쓰이는 다양한 예제도 접할 수 있을까요?

물론 가능합니다. WebAssembly를 활용해 웹 브라우저에서 동작하는 웹 애플리케이션을 개발하는 과정을 실습 중심의 예제로 학습할 수 있습니다. 또한, 실습을 통해 실제 개발 과정에서 활용할 수 있는 실질적인 노하우를 익힐 수 있도록 커리큘럼을 체계적으로 구성하였습니다.

Q. WebAssembly 개발 환경으로 원하는 운영체제에서 개발 환경 구축이 가능할까요?

물론 가능합니다. Microsoft Windows, macOS, Linux 등 다양한 운영 체제에서 WebAssembly 개발 환경을 구축하는 방법을 강의를 통해 체계적으로 학습할 수 있습니다.

Q. 학습하는 강의 내용을 참고할 만한 자료나 교재가 있을까요?

Qt 개발자 커뮤니티(qt-dev.com)에서 운영자로 활동하고 있습니다. 관련한 정보를 이 사이트에서 얻으실 수 있습니다.

강의의 목표를 확인해 보세요.

Microsoft Windows, Linux 및 macOS 등 다양한 플랫폼에서 WebAssembly 개발 환경을 구축하는 방법에 대해 배웁니다.
WebAssembly 기술로 웹 애플리케이션을 개발할 때 C++을 사용하는 방법을 배울 수 있습니다.
기존의 웹 프로그래밍으로는 개발하기에는 어렵고 복잡한 로직을 갖췄거나 고성능을 요하는 웹 애플리케이션을 WebAssembly 기술로 보다 쉽고 빠르게 개발할 수 있습니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

C/C++/Rust를 이용해 쉽게 웹 브라우저에서 동작하는 웹 어플리케이션을 개발하려는 분
C/C++/Rust를 이용해 고성능 웹 어플리케이션을 개발하고 싶은 분

선수 지식,
필요할까요?

기초 C, C++, Rust 중 하나의 언어

안녕하세요
김대진입니다.

919

명

수강생

개

수강평

개

답변

4.7

점

강의 평점

개

강의

지식공유자 소개 ✒️

근무경력
현: Embedded 분야 Senior software developer
LG전자, VS사업부 IVI선행플랫폼/모듈개발
SW마에스트로, SW 멘토

강의경력
삼성전자, Qt & QML 강의
LG전자, Qt & QML 분야 사내 강사
한컴아카데미 Qt 강의 출강
다수의 IT기업 Qt 강의 출강

저서
Qt 프로그래밍
Qt Quick 프로그래밍
Qt5 프로그래밍 가이드
MeeGo 프로그래밍 완벽 가이드
Qt 실전 프로그래밍

SW커뮤니티 운영
Qt 개발자 커뮤니티 운영자 ( www.qt-dev.com )

커리큘럼

전체

67개 ∙ (13시간 26분)

해당 강의에서 제공:

수업자료

섹션 1. What is WebAssembly?

5개 ∙ (43분)

섹션 2. MS Windows 에서 WebAssembly 개발 환경 구축

3개 ∙ (33분)

개발 환경 구축 과정 살펴보기
17:13
개발 환경 구축 과정을 직접 설치 해보기
13:05
Hello World를 출력하는 예제 구현
03:21

섹션 3. Linux 에서 WebAssembly 개발 환경 구축

3개 ∙ (30분)

개발 환경 구축 과정 _살펴보기
14:13
개발 환경 구축 과정을 직접 설치 해보기
11:58
Hello World를 출력하는 예제 구현
04:47

섹션 4. MacOS 에서 WebAssembly 개발 환경 구축

3개 ∙ (21분)

섹션 5. C/C++ 을 이용해 WebAssembly 프로그래밍 시작하기

2개 ∙ (24분)

섹션 6. Interaction WebAssembly and JavaScript

9개 ∙ (1시간 44분)

섹션 7. Rust 언어를 이용한 개발 환경 구축 및 예제 구현

3개 ∙ (48분)

섹션 8. WebAssembly and Qt

2개 ∙ (24분)

섹션 9. MS Windows 에서 Qt WebAssembly 개발 환경 구축

3개 ∙ (49분)

섹션 10. Linux 에서 Qt WebAssembly 개발 환경 구축

3개 ∙ (43분)

섹션 11. macOS 에서 Qt WebAssembly 개발 환경 구축

3개 ∙ (39분)

섹션 12. Qt WebAssembly 프로그래밍의 시작

3개 ∙ (34분)

섹션 13. Signal and Slot

2개 ∙ (25분)

섹션 14. Widgets and Layouts

5개 ∙ (52분)

섹션 15. 기본 데이터 타입과 유용한 타입들

3개 ∙ (39분)

섹션 16. Container Classes

2개 ∙ (33분)

섹션 17. QPainter 클래스를 이용한 2D Graphics

2개 ∙ (32분)

섹션 18. 크로마키 영상 처리 구현

3개 ∙ (37분)

섹션 19. 타이머 구현

2개 ∙ (17분)

섹션 20. Thread Programming

6개 ∙ (1시간 8분)

강의 게시일: 2023. 03. 02.

마지막 업데이트일: 2023. 03. 03.

수강평

전체

3개

4.3

3개의 수강평

funky856
2024. 02. 01.
∙
수강평 7
∙
평균 평점 5.0
5
100% 수강 후 작성
웹어셈블리는 자료가 많이 부족했는데 정말 감사합니다. c++와 자바스크립트만 이용해서 웹어셈블리를 사용하는 심화과정도 있으면 좋을 것 같아요.
- 김대진
  지식공유자
  2024. 02. 01.
  funky856 님 좋은 평가해 주셔서 너무 감사합니다. 가능하면 향후 업데이트시에 C++와 JavaScript 를 이용하는 방법도 공유할 수 있도록 하겠습니다. 그리고 무엇보다도 수강해주시고 좋은평가 해주신것 다시 한번 감사합니다.
Junghwan Jeong
2023. 03. 12.
∙
수강평 52
∙
평균 평점 5.0
5
100% 수강 후 작성
web assembly 이해에 도움이 되었습니다. 좀 더 자세하게 알고 싶은 부분은 프로그램이 web 클라이언트 에서 동작 하므로 web 서버와 데이터 연동을 하는 부분에 대한 설명이 있었으면 좋겠습니다. Emscripten SDK를 통해서 서버와 연동해야 하는 것인지 Qt의 QNetwork SDK 를 이용해야 하는지 아니면 다른 방법이 있는지 혹시 자료 있으시면 공유 부탁 드립니다.
- 김대진
  지식공유자
  2023. 03. 13.
  안녕하세요. Junghwan Jeong 님, WebAssembly 프로그래밍을 수강해 주셔서 너무 감사합니다. 또한 좋은 평가해주셔서 너무 감사합니다. WebAssembly 를 이용해 실행되는 실행 바이너리가 클라이언트 사이드에서 동작하는 거라서 웹서버와 통신하기 위해서 클라이언트에서 소켓과 같은 통신 라이브러리를 통해서 접속해야 할것 같습니다. 지금은 자료가 없지만 조만간 웹 서버와 통신하는 부분을 작성해 추가하도록 하겠습니다. 다시 한번 좋은 평가해주셔서 너무 감사합니다. ^^; 더 궁금한 게 있으면 언제든지 질문해 주세요.
Alex Madnix
2023. 04. 11.
∙
수강평 7
∙
평균 평점 4.4
3
100% 수강 후 작성
웹어셈블리라는 국내에서는 다소 유니크한 기술을 주제로 강의해주시는 점 감사합니다만... 강의를 처음하시는 건지는 모르겠지만 다소 긴장하고 있다는 느낌이 들며 중간에 자주 실수하시다 보니 청강자 입장에서 전달력 및 집중력이 조금 떨어져서 아쉬웠습니다.
- 김대진
  지식공유자
  2023. 04. 11.
  안녕하세요. Alex Madnix 님, 수강평 감사합니다. 강의에 대한 평가와 좋은 개선 사항과 의견 감사합니다. 의견 참고해서 앞으로 더 나은 강의를 제공할 수 있도록 노력하겠습니다. 수강해 주셔서 너무 감사합니다.

김대진님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

[Level 1] Qt를 이용한 Python 프로그래밍: 입문편

김대진

₩48,400

입문 / Python, Qt, QML, GUI, pyside6

5.0

(2)

Qt는 GUI뿐만 아니라 네트워크, 데이터베이스, 멀티미디어, IPC 등 다양한 기능을 제공하여 Python으로 쉽고 빠르게 다양한 분야의 애플리케이션을 개발할 수 있는 강력한 프레임워크입니다. 본 강의를 통해 Qt 기초부터 다양한 예제를 통해 Python에서 Qt를 효과적으로 활용하는 방법을 배워보겠습니다.

입문

Python, Qt, QML

[입문] Qt 6 프로그래밍 1편

김대진

₩110,000

입문 / Qt, GUI

4.5

(32)

300+

Qt를 이용하면 다양한 운영체제에서 호환되는 SW를 개발 할 수 있습니다. 즉 한번 Qt로 개발한 소스코드로 다양한 플랫폼에서 동작하는 SW를 개발할 수 있습니다.

입문

Qt, GUI

[입문] Qt 6 프로그래밍 2편

김대진

₩110,000

입문 / Qt, GUI

4.8

(13)

100+

이번 강의는 Qt 프로그래밍 1편에 이어서 2편 강의 입니다. Qt를 처음 접하시는 분들은 1편을 먼저 학습하시고 2편을 학습하는 것을 권장합니다.

입문

Qt, GUI

[초급] QML 프로그래밍 1편

김대진

₩38,500

초급 / Qt, QML

5.0

(9)

100+

QML은 Qt에서 제공하는 UI를 만드는 프로그래밍 언어입니다. JSON과 유사하고 JavaScript를 사용할 수 있습니다. C++ 언어 대신 QML을 이용하면 C++을 사용하지 않고도 현대적인 고급 UI를 쉽게 개발할 수 있습니다.

초급

Qt, QML

[초급] 중급자로 도약하기 위한 Qt/QML 실전 프로그래밍

김대진

₩88,000

초급 / Qt, QML, C++, GUI

5.0

(1)

초급 개발자에서 중급자로 도약하기 위해서 실전 프로젝트를 중심으로 Qt/QML 프로그래밍 스킬 및 최신 기술을 배웁니다.

초급

Qt, QML, C++

[초급] QML 프로그래밍 2편

김대진

₩38,500

초급 / Qt, QML, C++

4.8

(5)

Qt UI 개발을 위한 QML, 입문부터 실습까지 자세하게 알려드려요.

초급

Qt, QML, C++

[Level 2] Qt를 이용한 Python 프로그래밍: QML편

김대진

₩77,000

입문 / Qt, QML, pyside6, Python, GUI

5.0

(1)

QML은 Qt에서 제공하는 UI를 만드는 프로그래밍 인터프리터 언어입니다. JSON과 유사하고 JavaScript를 사용할 수 있습니다. QML과 Python 함께 이용하면 현대적인 고급 UI를 쉽게 개발할 수 있습니다.

입문

Qt, QML, pyside6

[Level 3] 초보를 넘어 전문가로: Qt와 Python을 통한 실전 응용 마스터 클래스

김대진

₩77,000

초급 / Qt, Python, pyside6, QML, GUI

실전 프로젝트를 중심으로 Qt와 Python 프로그래밍 기술을 익힙니다. 이 강의를 통해 최신 Qt와 Python 프로그래밍 트렌드와 기법을 학습함으로써 초급에서 중급 수준으로의 성장을 도모할 수 있습니다.

초급

Qt, Python, pyside6

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

[초급] QML 프로그래밍 2편

김대진

₩38,500

초급 / Qt, QML, C++

4.8

(5)

Qt UI 개발을 위한 QML, 입문부터 실습까지 자세하게 알려드려요.

초급

Qt, QML, C++

[C#/.NET 6.0]어서와, Blazor WebAssembly는 처음이지?

RAZOR

₩88,000

초급 / Blazor, C#, .NET, wasm, PostgreSQL

5.0

(4)

Blazor WebAssembly를 활용한 Web 개발 기초 강의입니다. EntityFrameworkCore를 활용한 DB CRUD를 편하게 하는 방법을 배워가세요. Razor Page UI Design "기초"를 알려드립니다. 강의에 사용된 Source Code도 제공해드립니다 :)

초급

Blazor, C#, .NET

우아한 고성능 프로그래밍 언어 Rust 입문 및 활용

김대현

₩55,000

초급 / Rust, webassembly

4.7

(58)

600+

누구나 탄탄하고 효율적인 고성능 소프트웨어를 만들 수 있게 해주는 프로그래밍 언어, Rust를 배우는 강의입니다. 로우레벨 프로그래밍을 할 수 있으면서도 하이레벨 언어기능이 풍부하여 이상적입니다.

초급

Rust, webassembly

월 ₩15,400

5개월 할부 시

₩77,000

웹 개발의 혁신: C, C++, Rust로 시작하는 WebAssembly 마스터 클래스

초급자를 위해 준비한 [웹 개발, 풀스택] 강의입니다.

이런 걸 배울 수 있어요

컴파일 언어로 웹 애플리케이션을? WebAssembly

네이티브 웹 애플리케이션 vs. WebAssembly

강의의 목표

이 강의만의 핵심 장점 ✅

WebAssembly, 이런 분들께 추천합니다!

Q&A 💬

이런 분들께 추천드려요!

안녕하세요 김대진입니다.

지식공유자 소개 ✒️

커리큘럼

수강평

김대진님의 다른 강의

비슷한 강의

초급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

컴파일 언어로 웹 애플리케이션을?
WebAssembly

이런 분들께
추천드려요!

안녕하세요
김대진입니다.