
Three.js로 시작하는 3D 인터랙티브 웹
1분코딩
웹에서 3D를 구현할 수 있는 자바스크립트 라이브러리, three.js의 핵심 개념들을 익히고 응용 예제까지 만들어 보면서 3D 웹 개발에 대한 감을 익혀봅니다.
Basic
인터랙티브 웹, Blender, Three.js
This course will teach you the fundamentals of developing creative, interactive web pages.
Create a portfolio website that stands out
Developing a website with a unique UI
Master CSS 3D
Make sure you have a solid grasp of the basics of JavaScript
From the beginning, without any libraries, one by one
This is an interactive web course that you can create yourself. 🧩
This course covers implementation from scratch, without any libraries. In practice, productivity is paramount, so finding and using good libraries is crucial. However, understanding the underlying technology and implementation principles is crucial for becoming a competent developer.
By learning from the ground up and implementing each step yourself, you can differentiate yourself as a high-level interactive engineer. While the visible behavior may be the same, developers who have trained themselves from the ground up demonstrate a distinct level of skill.
"Like the flashy websites you often see on overseas web award sites,
I want to see and learn firsthand the process of implementing creative UI interactions ."
"I'm a very creative designer, but my coding skills can't keep up.
I want to become a true dog trainer who is valuable and precious."
"I studied CSS and JS hard, but I always ended up creating similar content and examples.
"I want to understand how the library works, rather than how to use it."
In June 2023, additional supplementary videos were updated . Since some time has passed since the initial release of the course, we've added content that we believe needs updating or enhancement at this point. The additional videos have the words [2023] in their titles, as shown below.
👌 This isn't a course that starts from the very beginning. You'll need a basic understanding of CSS and JavaScript to progress smoothly.
👌 If you need a basic review, I recommend that you study with my CSS Layout/JavaScript Basics video on YouTube and then continue with this lecture.
👌 We provide the source code of the final 3D scrolling website.
Create dynamic, interactive websites that will elicit exclamations of "Oh!"
Creating an interactive website with 1 Minute Coding
This is a roadmap of lectures. This lecture is included .
Who is this course right for?
For those interested in implementing creative, interactive web
For those who want to create a unique portfolio website that is different from others
People who have a romantic idea about the developer and developer
People who usually liked 1-minute coding and Studio Mill's lectures
Need to know before starting?
CSS Basics
JavaScript Basics
19,334
Learners
1,232
Reviews
1,175
Answers
5.0
Rating
11
Courses
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
All
70 lectures ∙ (11hr 14min)
Course Materials:
1. Get ready
08:56
2. Transform
15:52
3. Transition
10:01
4. Animation 1
09:42
5. Animation 2
05:44
6. Animation 3
14:58
7. CSS 3D 1
14:01
8. CSS 3D 2
15:28
9. CSS 3D 3
17:49
All
314 reviews
5.0
314 reviews
Reviews 3
∙
Average Rating 5.0
5
역시는 역시입니다... 라이브 자바스크립트 강의를 듣고 알게되어 인프런까지 따라왔네요. 라이브강의 때 느꼈지만, 선생님께서는 입문자들도 알아듣기 쉽게끔 설명을 참 잘 해주시고, 무엇보다 수강생들 이해를 돕기위해 노력하시는 세세한 모습들이 보여서 너무 좋습니다ㅎㅎ 인터렉티브웹은 쌤만 믿고 따라가겠습니다 :) 인터렉티브웹 장인 한번 되어보겠습니다 후후
좋은 말씀 감사합니다! 앞으로 공부하시는 데에 도움이 될 수 있도록 좋은 강의 많이 만들어 볼게요 :) 감사합니다.
Reviews 1
∙
Average Rating 5.0
5
아 너무 좋아요! 이해도 쏙쏙되고 자바스크립트 기초수업 듣고 이 수업을 들으니 유레카라는 소리가 절로 나옵니다!
도움이 되었다니 저도 좋네요 :) 좋은 말씀 감사합니다.
Reviews 3
∙
Average Rating 5.0
5
강의 너무 재미있고 알찼습니다 ^.^~ 자바스크립트로 여러 예제를 만들면서 실제로 이런 문법을(css에서 속성선택자, 객체 등)어떻게 사용해야 하는지 알 수 있어서 좋았습니다. 특히나 그냥 코드만 보고 설명해주는 게 아니라 직접 그림도 그려주시고(perspective 쪽) 캠으로 종이 등으로 3D쪽(카드뒤집기, 마지막예제) 설명해주셔서 확실히 이해하는데 훨씬 수월하고 좋았습니다~ 그리고 flex에 대해 배울때 오뎅꼬치와 오뎅... 기억에 각인돼서 절대 잊어버리지 않을 거같아요 ㅎㅎ 이제 막 자바스크립트를 끝내고 인터렉티브웹이나 혹은 자바스크립트로 뭘 할 수 있을까 생각하시는 분 들에게 강추 드립니다! 앞으로도 인터렉트웹이나 혹은 백엔드까지 연계해서 다양한 수업들이 나오면 정말 좋을 거 같습니다. 좋은 강의 정말 잘 봤습니다 감사합니다!!
정말 강의를 자세하게 보고 제대로 공부하셨다는게 느껴지네요^^ 꼼꼼하고 좋은 수강평 정말 고맙습니다! 앞으로도 유익한 수업들 잘 만들어 볼게요 :)
Reviews 8
∙
Average Rating 5.0
5
타 기관에서 ui관련 강의를 수강한 적이 있습니다. 당시에는 자바스크립트 보다는 제이쿼리에 집중하여 수업을 들었어서 자바스크립트는 힘들겠지 라는 인식이었습니다만, 수업을 접하고 자바스크립트만으로도 충분히 가능하다는 사실이 놀라웠습니다 . 또한 css3의 기능, 속성에 대해 보다 체계적으로 정리가 되어 매우 만족스러웠습니다. 강의 중간중간 마다도 까먹지 않도록 그건것을 되새김 해주신것도 너무 좋았고.. 정말 만족스러웠습니다. 또 수업을 출시하신다면 바로 수강할꺼 같아요! ㅎㅎ
수업을 정말 자세히 봐주셨네요! 상세한 후기와 좋은 말씀 감사드립니다😊
Reviews 2
∙
Average Rating 5.0
5
프론트/백엔드가 아닌 인터렉션을 위한 최고의 강의입니다!! 학원에서는 js는 건너뛰고 오직 jquery 사용법만 알려주는 경우가 많은데 이 강의는 순수한 js의 구동방식을 자세히 알려주셔서 원천기술에 대한 지식이 차곡차곡 쌓이는 느낌입니다!! 강사님 목소리도 너무 좋으시고 예제도 재밌어서 시간가는줄 모르고 들었네요!! 강의 듣고 실무에서도 라이브러리 없이 작업하는중입니다!!
도움 받으셨다니 보람차고 좋네요! 좋은 말씀 감사합니다 :) 원천 기술을 잘 이해하고 있으면 라이브러리를 선택하거나 활용하실 때에도 도움이 많이 될거에요^^
$42.90
Check out other courses by the instructor!
Explore other courses in the same field!