CSS Flex와 Grid 제대로 익히기
1분코딩
현재, 그리고 미래의 표준이 될 CSS 레이아웃 작성 방식인 Flex와 Grid에 대해 배울 수 있습니다.
Cơ bản
HTML/CSS, Flex
BEST
Three.jsで始まる3DインタラクティブWeb
Webで3Dを実装できるJavaScriptライブラリ、three.jsの重要な概念を学び、アプリケーションの例まで作成し、3D Web開発の感覚を学びます。
学習した受講者のレビュー
こんなことが学べます
WebGLライブラリthree.jsを使用した3D Web実装
バニラJavaScriptを活用した3DインタラクティブWeb開発
three.jsでWeb上で実装可能
3D Webアプリケーションを作ろう！ 🤳
適用されたページを作成します。
追加コンテンツを更新！
3D空間でキャラクターが自由に動く動作を実装してみます。
three.jsで始まる
3Dインタラクティブウェブ✨
韓国にはthree.jsで作業したウェブサイトはあまりありませんでしたが、最近になってメタバスやVR、ARなどが急浮上しながら3Dコンテンツに対する需要が増えています。それに比べて入門者が簡単に勉強できる資料が多く不足だと感じられて講義を企画することになりました。
作成および表現に使用されるJSライブラリ
セクションごとの学習内容プレビューを見る📚
セクション0 three.jsが何であるか、そして基本的な使い方を学びます。 Webパックの使い方も一緒に身につけます！
セクション1基本要素の全体的な内容を見て、3Dシーンを整理することができます。
セクション2 three.jsの開発をより便利にするツールを学びます。
セクション3位置の移動、サイズ変更、回転などの変換（transform）について学びます。
セクション4の外観を表すジオメトリを学びます。
セクション5簡単なカメラコントロールを活用するだけで、さまざまな機能のカメラアクションを使用できます。
セクション6材料を表すさまざまな材料について学びます。
セクション7さまざまな照明と光の形を学びます。
セクション8クリックを検出する方法を学びます。
セクション9〜13で学んだことを活用して、実用的な例をさまざまに作成します。
こんな方が聞くといいですよ🙌
目立つ3Dウェブサイト
作りたい開発者/デザイナー
メタバス/VRなどのウェブから3Dを実装したい方
他の開発者とは区別された武器が欲しい開発者
一汗一汗のようにコーディングします👨💻
この講義だけの特徴は何ですか？
- さまざまな例を通して理解し応用して独自のワークを作っていく講義
- 自分で一汗と汗をコーディングしながら、熟練して実力を積むことができる講義
- 目立つ開発者になることができる3Dコンセプトを習得する講義
- 単純3Dだけでなく、モデリングソフトウェアであるブレンダーまで手がける講義！
🛤1分コーディングThree.jsロードマップで30％割引クーポンを受け取る
1分コーディングThree.jsロードマップで「全購入適用」の30％割引クーポンを受け取ることができます。 （2つの講義の1つはすでに聞いている方も、ロードマップクーポンで受講申請をすると、新たに受講する講義に30％割引が適用されますので、2つの講義をすべて受講される方はロードマップで受講申請してください！）
➡ロードマップショートカット
予想される質問に答えてください🙏
Q.初心者も聞ける講義ですか？
JavaScriptの基礎を知っている人であれば可能です。 JavaScriptのレッスンではありませんが、途中で登場するJavaScriptの概念も説明するので、あまり難しいことはありません。
Q.授業内容をどの程度のレベルまで扱いますか？
詳細はカリキュラムを見ればいいのですが、標識橋を渡るゲームが最も難易度の高い最終例だと見てください。そのような3D Webアプリケーションを作成するために必要なものを勉強すると思います。
Q.授業で勉強した内容程度なら、私が望む形の3Dウェブ実装が可能でしょうか？
作成したいウェブサイトの形式によって異なりますが、カリキュラムにthree.jsの重要な内容が含まれているので、確かに学ぶ前とはまったく異なる作業をすることができるでしょう。
Q. 講義を聞いたらどの程度の成長を成し遂げられるのでしょうか？
頑張った後、あなたは3Dウェブページを開発することができます。 3Dはそれ自体で特別で直接実装できれば就職市場でも目立つ開発者になることができます。 3Dウェブを実装できるということ、そのようなポートフォリオを持っているということ自体が開発者/デザイナーとして強力な武器になるでしょう。
知識共有者の紹介✒️
私の口でこんな言葉を言うのは恥ずかしいですが... 800以上の受講評⭐平均5点満点講師ですよ
こんにちは！済州でスタジオミルという会社を運営しているデザイナーであり開発者、コンテンツクリエイター1分コーディングです。私のスタジオミルのウェブサイトもthree.jsを使って作成しました！
このレッスンは簡単な作業だけを作成して終了するのではなく、実際に動作する例を作成することでthree.jsを正しく活用できます。それだけでなく、3DモデリングソフトウェアであるBlenderで好きな形をモデリングする方法まで、カリキュラムに含めているので、私が望む結果を作ることができます。
こんな方に
おすすめです
学習対象は
誰でしょう？
3Dウェブサイトを作りたい方
目立つポートフォリオのウェブサイトを作りたい方
Web上で動作する3Dコンテンツを作成する必要がある方
前提知識、
必要でしょうか？
JavaScriptの基本
19,443
受講生
1,245
受講レビュー
1,175
回答
5.0
講座評価
11
講座
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
カリキュラム
全体
161件 ∙ (18時間 39分)
講座資料（こうぎしりょう）:
授業資料
2. three.jsとは？
05:32
3. 開発の準備
01:59
4. three.js 使い方 1
05:36
5. three.js の使い方 2
08:21
7. three.js の使い方 3
06:13
9. シーンの基本構成要素を見る
06:45
12. 基本シーン作成 - Mesh
05:57
14. ソースコード構造設計
04:15
16. 背景の色、透明度の設定
05:31
17. 光 (照明, ライト)
04:45
18. アニメーション 基本
08:44
19. アニメーション性能補正
15:40
20. 霧
07:11
講座掲載日:
最終更新日:
受講レビュー
全体
103件
5.0
103件の受講レビュー
육영서受講レビュー 5
∙
平均評価 5.0
5
99% 受講後に作成Three.js의 기본을 알 수 있는 정말 멋진 강의입니다. 해외의 3D 웹 등에서 어떻게 구현하지? 라고 생각했던 것들의 원리를 정리해서 쉽게 알려주시고, three.js 뿐만 아니라 블렌더 사용 방법과 웹에서 물리가 적용되는 방식, 인터랙션에 대한 간단한 이해까지 더해져서 저에게 이 수업은 1+1 그 이상이었습니다. 간결한 설명들과 멋진 예제들로 좋은 강의를 만들어주신 선생님께 정말 감사합니다!
- 1분코딩知識共有者
넘 감사합니다 영서님🥲 강의를 출시하고 나면, 첫 수강평이 달리기까지 항상 많이 긴장이 되거든요.. 제딴엔 열심히 만들었지만, 보시는 분들께는 어떨지를 알 수가 없어서.. 힘나는 말씀 감사드리고, 앞으로도 같이 재밌게 공부해요!
期間限定セール、あと1日日で終了
￥123,750
25%
￥19,871
studiomealの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![순수 html/css/js만을 활용한 반응형웹 제작[실전편] 부트캠프Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/333180/cover/26ede6df-032a-40f2-9670-f6748785eba5/333180.jpg?f=avif&w=420)