Three.js 강의
1. 개요
Three.js를 배울 수 있는 강의들을 소개하여, 3D 웹 개발에 관심이 있는 개발자들이 효과적으로 학습할 수 있도록 안내한다.
2. 강의 목록
강의명 | 강사 | 플랫폼 | 가격(정가) | 영상 갯수 | 학습시간 |
---|---|---|---|---|---|
Three.js Journey | Bruno Simon | 자체 플랫폼 | $95 | 66 | 93시간 |
인터랙티브 웹 개발 | 한결, 진경성, 김찬연, 이유운 | 패스트캠퍼스 | ₩519,000 | 225 | 85시간 |
Three.js로 시작하는 3D 인터랙티브 웹 | 1분코딩 | 인프런 | ₩165,000 | 163 | 18시간 56분 |
Three.js로 1인칭 3D 웹사이트 만들기 | 1분코딩 | 인프런 | ₩88,000 | 43 | 3시간 48분 |
떠먹는 Three.js | 제주코딩베이스캠프 | https://www.inflearn.com/ | ₩22,000 | 26 | 1시간 37분 |
Three.js 3D 인터랙티브 바로 시작하기 | 코딩일레븐 | 인프런 | ₩110,000 | 57 | 4시간 33분 |
React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발 | 한태재 | 인프런 / Udemy | ₩99,000(인프런) / 77,000원(Udemy) | 63 | 10시간 2분 |
Three.js, React Three Fiber, Drei, React Spring & More | Ahmad Al-shurafa | Udemy | ₩25,000 | 51 | 12시간 26분 |
Three.js and TypeScript | Sean Bradley | Udemy | ₩77,000 | 40 | 8시간 6분 |
Three.js 공식 웹사이트에 올라와있는 온라인 강의로, Bruno Simon이 가르치는 영어 코스다. 커리큘럼은 총 7개 챕터, 66강, 93시간으로 구성되어 있다.
Bruno simon은 프랑스 크리에이티브 스튜디오 Immersive Garden의 개발자였고 다수의 프랑스 대학원에서 교수로 재직했다. 현재는 프리랜서 개발자로써 다수의 3D 웹사이트를 제작하였다. 그의 유튜브 채널에도 많은 영상들이 있어 참고할만 하다.
강의는 $95(VAT 포함)에 평생 수강이 가능하도록 판매중이다. (2024.06.01 확인)
2024년 6월 현재 강의의 공식 명칭은 ‘초격차 패키지 : 21개 프로젝트로 완성하는 인터랙티브 웹 개발 With Three.js & Canvas’ 이다.
가격은 정가 519,000원이나 여러 할인 요소들로 반값 이하로 구매할 수 있다. 국비지원도 가능하여 과제 수행도 이행하면 환급을 포함해 무료로 수강할 수도 있다.
4명의 강사가 한 파트씩 담당하도록 구성된 인터랙티브 웹 강의이며 21개 프로젝트, 85시간으로 구성되있다. 파트 구성은 아래와 같다.
- Part 1. HTML, CSS, JS (한결 강사님)
- Part 2. Canvas API (진경성 강사님)
- Part 3. Three.js 기초 (김찬연 강사님)
- Part 4. Three.js 심화 (이유운 강사님)
정적 웹사이트를 클론코딩하며 HTML, CSS, JS에 익숙해지는 것부터 시작하여 쉐이더, 포스트 프로세싱 등 Three.js의 심화 과정까지 배울 수 있다.
다만, 강사에 따라 전달력이 다르고 파트별로 난이도가 들쭉날쭉할 수 있다. 이론보다는 프로젝트 중심으로 진행하다보니 사용하는 Javascript 심화 개념이나 원리 등은 이해하기 힘들 수 있다.
강의를 구매하면 혜택 강의를 추가적으로 제공하고 있다. 이러한 단점을 보완하기 위한 것으로 보인다.
강사 1분코딩은 스튜디오밀을 운영하고 있는 디자이너이자 개발자, 콘텐츠 크리에이터이다. 유튜브 채널도 운영중이다.
강의 중 Three.js를 다루는 강의는 2개가 있다.
- Three.js로 시작하는 3D 인터랙티브 웹
- 165,000₩ / 총 163강, 18시간 56분
- Three.js로 1인칭 3D 웹사이트 만들기
- 88,000₩ / 총 43강, 3시간 48분
제주코딩베이스캠프에서 운영하는 강의로, 백경현, 이혜영, 이호준 강사님이 공동으로 진행한다.
강의는 총 26강, 1시간 37분으로 구성돼있다. 가격은 ₩22,000이다. 제주도를 연상시키는 3D 섬, 과일, 나무를 만드는 것이 주요 목표로 입문 단계의 강좌이다.
강사 코딩일레븐은 15년 이상 프론트엔드 개발 및 데이터 시각화, 인터랙티브 웹을 제작한 이력이 있다.
강의는 총 57강, 4시간 33분으로 구성돼있다. 가격은 ₩110,000이다.
Udemy와 인프런에서 수강할 수 있는 R3F 강의이다. 강사 한태재는 10년차 웹 그래픽 엔지니어로 디자인, 풀스택 개발, 웹 2D/3D 그래픽스 개발을 해왔다.
커리큘럼은 총 63개 강의로 10시간 분량이다. 2024년 초에 열린 강의로써, 비교적 최신 강의라고 볼 수 있다.
시니어 프론트엔드 개발자 Ahmad Al-shurafa가 가르치는 강의이다. React 생태계에서 Three.js와 관련이 있는 각종 라이브러리들을 가볍게 훑을 수 있는 커리큘럼으로 구성돼있다.
강의는 총 51개 강의로 12.5시간 분량이다. 가격은 ₩25,000원이다.
아래와 같이 총 7개의 챕터로 진행된다.
- 바닐라 Three.js,
- React
- R3F(React Three Fiber)
- React Three Drei
- React Spring
- React Three Rapier
- React Post-Processing
강사의 다른 강의로는 Learn Three.Js and Shaders from scratch, Learn Three.Js from scratch 가 있다.
20년 이상 경력의 IT 엔지니어 Sean Bradley가 가르치는 강의로, Three.js, Typescript, NodeJS를 활용해 인터랙티브 3D 컨텐츠를 만드는 것을 목표로 하고 있다.
강의는 총 40개 강의로 8시간 분량이다. 가격은 ₩77,000원이다.
작성자 및 기여자
hwangstar156