React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발
What you'll learn
- 웹 3D의 기초에 대해 배우게 됩니다
- React와 Three/js 를 한번에! R3F (react-three/fiber)를 다루는 법을 배우게 됩니다
- 다양한 예제를 통해 이해하고 응용하여 나만의 작업물을 만들어 가는 강의
- 직접 같이 한땀 한땀 코딩하면서 익히고 실력을 쌓을 수 있는 강의
- 눈에 띄는 개발자가 될 수 있는 3D 개념을 익히는 강의
- 어디에서도 찾을 수 없는 R3F 스택 학습으로 더 쉽고 재미있게 구현하는 3D 웹
- 현직 개발팀장에게 배우는 실무 팁과 최적화 방법
Requirements
- 자바스크립트 기초를 아시는 분이라면 가능합니다.
- React에 대한 기초 개념이 있으신 분이면 좋지만 없어도 괜찮습니다.
Description
당신은 웹 사이트를 만드는 일이 즐거우신가요?
웹 사이트 게시판을 만들고 팝업창을 개발하는 일 지겹지 않으신가요?
당신은 남들과 차별화 된 웹 프로젝트를 만들고 싶으신가요?
당신 회사에서 화려한 눈에 띄는, 남들과 다른 웹 사이트를 만들어보자고 하나요?
이 웹사이트는 어떻게 만들었지? WOW한 사이트를 만들어 보고 싶나요?
메타버스, XR(VR, AR), 웹(HTML5) 게임, 블록체인 등의 산업에 의해
화려한 인터렉션이 있는 2D/3D 웹 컨텐츠에 대한 수요가 급증하고 있습니다.
또한 취업시장에서도 프론트엔드 개발 + 웹 그래픽 엔지니어에 대한 수요가 급증하고 있습니다.
단순한 웹 사이트가 아닌 화려한 인터렉션이 있는 2D/3D 사이트에 대한 니즈는 지속될 것 입니다.
하지만 게임 개발자와 유니티 개발자에 대한 3D 강의는 많지만 웹 3D에 대한 강의는 너무 부족합니다.
이 강의에서는 React와 Three.js를 한번에 배우고 익힐 수 있는 R3F(React Three fiber)에 대해 배우게 됩니다.
어디에서도 찾을 수 없는 R3F 스택 학습으로 더 쉽고 재미있게 3D 웹사이트를 만들어 봅니다.
3D 인터렉티브 전문, 10년차 게임회사 웹 그래픽 엔지니어(Web Graphic Engineer)의 경험과 노하우를 담았습니다.
당신은 3D 기초 개념을 익히고 3D의 구성요소부터 차근차근 배울 수 있습니다.
각 단계별 알맞는 실습까지 직접 같이 한땀 한땀 코딩하면서 익히고 실력을 쌓을 수 있는 강의입니다.
Who this course is for:
- 눈에 띄는 특별한 웹 사이트를 만들고 싶은 개발자/디자이너
- 웹에서 3D를 구현하고 싶은 개발자
- 남들과는 차별화 된 무기를 갖고 싶은 개발자
- 웹에서 재미있는 시도를 시작해보고 싶은 개발자/디자이너
Instructor
Hello. My name is Jay, a web graphics engineer with 10 years of experience. I'm basically a full-stack developer, but I focus on the front-end :)
I have been developing front-end by running frameworks such as Angular and React. But my favorite work is projects that use 2D/3D Canvas graphics on the web (HTML5), such as Threejs, WebGL, D3js, and Pixi.js.
I am passionate about interactive web content that creates diverse user experiences (UX). Let’s create a fun project together!
Interactive 3D front-end developer with 10 years of experience
-(Current) Neowiz - HTML5 game developer
-(Current) MoudLabs – Generative Art Classroom
-Wemade - Defi Frontend Development Team Leader
-Dabeeo - Three.js development team leader
-Dmajor - Senior front-end developer
-MoudLabs - Web Lab Interactive Art
-Addpac - Junior Frontend Developer
-NHN Naver Japan - UX/UI Designer
-Mad Men Post - CG Effects Artist
-Kookmin University - Industrial Design Major
안녕하세요. 10년차 웹 그래픽 엔지니어 한태재입니다. 저는 기본적으로 풀스택 개발자이지만 프론트앤드에 집중하여 작업합니다 :)
저는 Angular, React등의 프레임워크를 사용해 프론트엔드 개발을 해왔습니다. 하지만 역시 가장 좋아하는 작업은 Threejs, WebGL, D3js , Pixi.js 등 웹(HTML5)에서 2D/3D Canvas 그래픽스를 다루는 프로젝트들 입니다.
저는 새롭고 창의적인 유저경험(UX)를 만드는 인터렉티브한 웹 컨텐츠에 대한 열정이 가득합니다. 같이 재미있는 프로젝트 만들어봐요 !
10년차 인터렉티브 3D 프론트엔드 개발자
-(현) 네오위즈 - HTML5 게임 개발자
-(현) 모두의연구소 - Generative art 랩장
-위메이드 - Defi Frontend 개발 팀장
-다비오 - Three.js 개발 팀장
-Dmajor - 시니어 프론트엔드 개발자
-모두의연구소 - Interactiver art of web 랩장
-Addpac - 쥬니어 프론트엔드 개발자
-NHN 네이버 재팬 - UX/UI 디자이너
-매드맨포스트 - CG Effect Artist
-국민대 - 공업디자인 전공