DevWiki
로그인

Three.js 강의

1. 개요

Three.js를 배울 수 있는 강의들을 소개하여, 3D 웹 개발에 관심이 있는 개발자들이 효과적으로 학습할 수 있도록 안내한다.

2. 강의 목록

강의명강사플랫폼가격(정가)영상 갯수학습시간
Three.js JourneyBruno Simon자체 플랫폼$956693시간
인터랙티브 웹 개발한결, 진경성, 김찬연, 이유운패스트캠퍼스₩519,00022585시간
Three.js로 시작하는 3D 인터랙티브 웹1분코딩인프런₩165,00016318시간 56분
Three.js로 1인칭 3D 웹사이트 만들기1분코딩인프런₩88,000433시간 48분
떠먹는 Three.js제주코딩베이스캠프https://www.inflearn.com/₩22,000261시간 37분
Three.js 3D 인터랙티브 바로 시작하기코딩일레븐인프런₩110,000574시간 33분
React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발한태재인프런 / Udemy₩99,000(인프런) / 77,000원(Udemy)6310시간 2분
Three.js, React Three Fiber, Drei, React Spring & MoreAhmad Al-shurafaUdemy₩25,0005112시간 26분
Three.js and TypeScriptSean BradleyUdemy₩77,000408시간 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개가 있다.

제주코딩베이스캠프에서 운영하는 강의로, 백경현, 이혜영, 이호준 강사님이 공동으로 진행한다.

강의는 총 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

최초 작성자