얄코의 가장 쉬운 리액트(React)
얄팍한 코딩사전
설명대장 얄코의 녹진하고 꾸덕한 강좌로 가장 쉽게, 가장 빠르게 리액트를 배우세요!
초급
JavaScript, React, Node.js
BEST
まともに売るJavaScript(JavaScript) - by ヤルコ(Yalco)
プログラミング初心者でもついてこられる優しい講座！ 現役開発者をJavaScriptのエキスパートにしてくれる究極の講座！
学習した受講者のレビュー
受講後に得られること
JavaScriptの基礎から詳細な文法と高度な使い方
最新文法と現代的なJavaScript活用法
JavaScriptに関する深い理論と実践知識
JavaScriptを通したオブジェクト指向と関数型プログラミング
レキシカルスコープ、クロージャ、動的バインディングなどの高度な概念
Promiseとasyncなどによる非同期プログラミング
モジュール、バンドリング、コンパイル、ドキュメント化など、有用な実践活用法
DOMを使ってウェブ開発に活用する
一度受講すれば、他の講義が必要ないように
ちゃんとJSに掘り下げてみてください🛠️
🎁YouTubeにコメントを残して半額で受講する
下記リンクのYouTube映像（この講義の無料パート）に力になってくれるコメントをつけて（一行でも大丈夫です）スクリーンショットをyalco@yalco.krに送っていただければこの講義の半額クーポンをお送りします！
ビデオリンク：https: //youtu.be/8kmtCVgqM34
JavaScript言語集中攻略🔥
一度受講したら、他の講義を聞く必要のない講義を作りたかったです。初心者として基礎講義を聞いた後、実務に飛び込んだときに何か不足しているという感じを受ける方が多いでしょうか？高級講義やコンテンツを探り回り、渇きを満たす手間を軽減しようと思っています。
この講義はJavaScript言語を集中的に深く掘り下げる講義であり、Web開発の適用は最後のセクションで重要な部分だけを扱います。受講前のカリキュラムを確認してください。
基礎から高級まで
文法と機能の詳細
オブジェクト指向、関数型プログラミング
良いコードを書くノウハウまで
レキシカルスコープ、クロージャなど
難解な高度な概念も簡単
こんな方におすすめですよ🙋♀️
🍼
開発に入ったばかり
コーディングを学び始めた方
🎨
HTML＆CSSを学び、
JavaScriptを学ぶ人
🪴
リアクトやビューなどを使うが
JS基礎が惜しい開発者
⛏️
JavaScriptを正しく
掘り下げたい事業開発者
🟨
Node.js、リアクトネイティブなど
JSを書く分野の開発者
この講義だけの特長 ✨
迅速かつ簡単
ビデオ講義🚀
さりげなく涼しい進行であなたの大切な時間を節約します。 （受講者によって速度が速く感じられる点ご了承ください。ぜひ無料公開映像を見て受講してください！ ）
Youtube Yalcoの簡単で明快な説明
ツーマッチの説明
詳細な講義🎙️
JavaScriptの文法とその単純な使い方だけでなく、ブラウザコンソールを活用してJavaScriptがどのように動作するか、使用されるデータがどのような構造で構成されているかなどを深く掘り下げます。詳細な学習のために、多数のサンプルコードが用意されています。
設定し、作成した例と詳細な説明で正しく売る学習
Webページ経由
便利な練習🖥️
川ごとに映像の主なポイントと、貼り付け可能な実習命令とコードがウェブページにまとめられており、これに沿って応用し、手軽に実習を進めることができます。エディタを別途使用する必要がなく、ブラウザのコンソール機能を活用して手軽でより効果的に実習が進められます。
レッスンページとブラウザコンソールを活用した便利で効率的な練習
基礎内容
無料公開😎
学生の方も気軽に勉強できるよう、半分分をプレビューを通じて無料で公開します。
この講義を聞くと
何が変わりますか？ 💪
- ✅入門者や非専攻者は、コーディングに対する恐れがなくなります。
- ✅ どんどん知っていた、よく知らず使用していた部分を明確に理解することになります。
- ✅高度な機能と難解な概念を確実に理解し、実務に活用できるようになります。
- ✅JavaScriptのコードをより効率的かつ有益に書くことができます。
- ✅JavaScriptを自分で分析し、掘り下げることができる内空を備えるようになります。
どんな内容
学びますか？ 📚
🏁 Section 0. イントロ
- JavaScript言語の紹介
- 受講方法（⚠️必須視聴） / 受講のための環境設定
🌱 Section 1. JavaScriptの基本的な使用
- コンソールと注釈、セミコロンの使い方
- 変数と定数の概念と内部原理/メモリの概念
🎲 Section 2. データ型と演算子
- データ型の概念と動的データ型/浮動小数点誤差概念
- 生型データ型、一緒に使用される演算子
- 生タイプと参照タイプの概念と原理
🚥 Section 3. 制御文
- ブロックドアとスコープの概念/スコープチェーンとスタック
- 条件文(if, else, switch)と実戦活用法
- for文（通常、オブジェクト、配列）/（do）whileによる反復
🦾 Section 4. 関数
- 関数と型と使い方
- 一級オブジェクトの概念と基礎関数型プログラミング
- パラメータ関連機能/その他の機能関連の高度な概念と活用のヒント
🧇 Section 5. オブジェクトとクラス
- オブジェクトの概念と文法と活用法/新規簡便文法
- コンストラクタ関数とクラス/アクセサプロパティと利用
- JavaScriptのオブジェクト指向プログラミング
⚙️ Section 6. 主要なビルトインオブジェクト
- グローバルオブジェクト、標準ビルトインオブジェクトの概念
- 主なビルトインプロパティとメソッド
- ラッパーオブジェクト、Math、Dateなどの組み込みオブジェクトの詳細な活用法
🍡 Section 7. 配列
- JavaScriptの配列の特性と使用法
- 配列関連の新規簡便文法と基本メソッド
- 高次関数メソッドと連鎖による関数型プログラミング
🩻 Section 8. オブジェクトを深く扱う
- Objectオブジェクトと主なメソッド/プロパティ属性
- 深い凍結とコピー/JSONによるシリアル化と解析
🧮 Section 9. 追加データ型
- 数値データ型の打診法 / ビット演算 / BigInt
- シンボル概念と文法、活用法
🚃 Section 10. イテラブルとジェネレータ
- SetとMapの文法と使い方
- イテラブルとジェネレータの実装と活用法
⛑️ Section 11. 問題に備えて
- エラーハンドリング/タイプ別対処とカスタマイジング/バブリングの概念
- varの問題/厳格モード/オプションチェイン
📦 Section 12. スコープとバインディング
- レキシカルスコープの概念/環境記録
- クロージャの概念と活用法
- 静的バインディングと動的バインディング/矢印関数の特性と利用
🧬 Section 13. プロトタイプ
- プロロタイプとチェーンの概念/アプローチと活用法
- インスタンスとプロトタイプのプロパティ
- プロトタイプを活用した継承/ミキシンの概念実装
🛣️ Section 14. 非同期プログラミング
- 非同期の概念と実装
- プロミスの文法と活用、関連メソッド
- async＆awaitによる簡単
- プロミスとasyncのネットワーク上で活用
💻 Section 15. コードファイルの取り扱い
- HTMLへのロード方式/モジュリング
- バンドルと旧バージョンのコンパイル
- JSDocによるヒントと自動文書化/デバッグ
🌐 Section 16. ウェブページに活用する
- DOMの概念とJavaScript上の内部構造
- 要素の選択と操作、イベントの実装と活用
受講前の注意事項📢
練習環境
- オペレーティングシステムとバージョン（OS） ：Windows、Mac、Linuxの両方で学習できます。
- 使用ツール：ブラウザ（ChromeまたはEdge推奨）でほとんどの練習が行われます。
- エディタ：レッスンではVSコードを使用します。 (講義後半部のみ必須設置)
学習資料
- 講義ページ（補助教材）： 🔗正しく売るJavaScript（無料パーツ）|ヤルコ (yalco.kr)
- 有料パートのレッスンページはそのパートで公開されます。
選手の知識と注意
- プログラミングを初めて始める人も受講できるように制作しました。
- HTML、CSSに関する知識は、16のセクションのうち最後のセクションでのみ必要です。
- 受講者によっては講義のスピードが速くなるので、無料パートを先に見てみましょう！
- 講義ページを一緒に活用して、次々と授業に従うことができます。
- 質問は必ず講義ページにご案内いただいた方式（メール）でお送りください。
よくある質問
確認してください💬
Q. JavaScriptを学んだら何ができますか？
A. 今日のJavaScriptの活用度は無関心です。フロントエンド開発者としてウェブサイトを作成できるだけでなく、Node.jsベースのサーバーも構築できます。モバイルアプリやデスクトッププログラムも作成でき、機械学習にも活用できます。
Q. プログラミングに初めて接するのに授業を聞くことはできますか？
A. コーディングが初めての方もフォローできるよう講義を企画して制作しました。非専攻者も難なく知ることができるように簡単な用語を使用し、プログラミング経験のない人のためにコードの動作原理を詳しく説明します。ブラウザコンソールを活用することで、複雑な設置過程がなくても講義を受講することができ、講義ページを補助教材として活用して実習をじっくりと追いつくことができます。ただし受講者によっては進行が非常に早く感じられるので、ヤルコ講義が初めての場合は無料パートをぜひ事前に確認してみてください。
Q. すでにJavaScriptで実務をしていますが、講義がどれほど役に立ちますか？
A. JavaScriptを「適度に」だけ知っても開発ができますが、これを「きちんと」深く勉強してみた経験がなければ、この言語の特性と強みを実務に引き出すことに限界があります。 JavaScriptを設定し、パゴドはこの講義を受講した後、JavaScriptを「JavaScriptらしく」使用することが分かり、これまで使用してきた機能を分析してより効果的に活用する方法も学ぶことになります。また、JavaScriptについて知っていることや知らないことのドゥルムンハクハムから離れて、この言語で何でもできるという自信を持つことになります。
Q. この講義を聞くとWeb開発ができるようになりますか？
A. 本講義は、JavaScriptとは言語自体の文法と理論的知識、そして高度な活用法などを深く掘り下げるために作られました。 16のうち最後のセクションでDOMを学び、HTML、CSSと連携してウェブサイトに活用する実習を行いますが、これらについては重要な部分、そしてJavaScriptの観点から深く分析する内容中心に取り上げます。フロントエンド開発を本格的に実習するウェブ開発講義は、機会があれば別に作るようにします。
Q. HTML と CSS に関する知識が必要か、役に立ちますか？
A.（上記の質問にリンクされています）WebページのJavaScriptを利用する部分は最後のセクションでしかないので、以前の15セクションではHTMLとCSSについて知らなくても講義を受講することに支障はありません。基礎的な知識を持っているなら、セクション16も大きな無理なく受講できます。
Q. 講義の速度が速くて難しくないでしょうか？
A. 映像の進行は早いですが、各川ごとに講義ページがリンクされていて映像の内容を楽に復習して実習できるようにしておきました。ページのあちこちの例とブラウザコンソールを活用して、あなたの時間効率を最大限に活用する学習を進めることができるでしょう！
ヤルコは誰ですか？ 😀
YouTube チャンネル ヤルパクなコーディング辞典を放送するYouTubeであり、 IT書籍を執筆する作家です。フルスタック開発者として働いてきた経験を活かし、難しいプログラミング概念を初心者が理解しやすくするためのたとえ話と簡単な例、時にはアニメーションで説明するコンテンツを作っています。
こんな方に
おすすめです
学習対象は
誰でしょう？
プログラミングを学び始める人
ウェブ開発を始めたい人
ReactやVueを扱えるが、JavaScriptの知識の深さが物足りない開発者
JavaScriptを深く掘り下げてみたい現役エンジニア
JavaScriptをより上手く活用したい人
31,533
受講生
1,716
受講レビュー
95
回答
4.9
講座評価
17
講座
유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다. 풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.
🎬 YouTube 얄팍한 코딩사전 채널 (클릭!)
📕 얄코의 책들 보러가기 (클릭!)
カリキュラム
全体
81件 ∙ (13時間 3分)
2. 新しくアップデートされた内容
01:00
3. 講義紹介
01:49
6. 受講のための環境設定
13:53
7. コンソールを活用する
11:54
8. 注釈とセミコロン
07:25
9. 変数と定数 - データを格納する袋
18:18
10. データ型 - データの種類
10:49
11. データ型と静的、動的型付け
04:46
13. 文字列に使用される演算子
13:25
14. 数字 (Number) と関連演算子
11:02
15. 浮動小数点と実数計算誤差
02:35
16. ブール値（boolean）と関連演算子
16:10
17. 演算子のまとめ
05:06
18. オブジェクトと配列のプレビュー
12:53
19. プリミティブ型 vs 参照型
07:58
講座掲載日:
最終更新日:
受講レビュー
全体
109件
4.9
109件の受講レビュー
sangpark受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成브라우저 콘솔을 활용해서 자바스크립트를 연구, 분석하듯이 배워나가는 과정이 너무나 즐거웠습니다. 그동안 js를 적당히만 알고 리액트랑 노드를 써왔는데 이 강의를 들으면서 아 이게 이런원리였구나 하고 깨달았던게 정말 많았습니다. 얄코님다운 쉬운 설명 덕에 고급 개념들도 수월히 배울 수 있었습니다. Js를 강의 제목처럼 제대로 파고들어 공부해 보고 싶으신 분들께는 정말 재미있는 강의가 될 것 같습니다. 현업에서 js를 쓰시는 분들께 특히 강력 추천합니다.
- 얄팍한 코딩사전知識共有者
ㅠㅠ 열심히 준비한 만큼 보람있게 해 주는 댓글 감사드립니다!! 다음 강의도 더욱 알차게 준비하도록 하겠습니다!!
- 우주사막
受講レビュー 3
∙
平均評価 5.0
5
95% 受講後に作成여태 강의평 한 번도 남겨본 적이 없는데 이건 정말..ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 대박이네요.. ㅎ.. 비전공자인데 이 강의로 자바스크립트를 시작하게 되어 진심으로 다행입니다. 나중에 다른 언어를 공부할 때에도 도움이 많이 될 것 같네요. 메모리 주소 다뤄주시는 것 보고 감동했습니다. . 예전에 C++ 살짝 공부할 때 메모리 부분에서 힙, 스택 너무 헷갈렸는데 이제야 좀 정리가 되네요. . 너무 재밌습니다 ㅋㅋㅋㅋㅋㅋㅋ 사실 얄팍한 코딩사전 이라는 닉네임 때문에 살짝 걱정하면서도 내용이 가벼워서 빨리 끝낼 수 있겠다는 생각으로 결제 했는데 엄청난 반전이네요.ㅋㅋㅋㅋ 후회없는 선택입니다. 이건 정말 그 분야를 심도있게 이해하고 있는 사람만이 찍을 수 있는 강의라고 생각됩니다. 여태까지 제가 공부한 기본 문법은 너무나도 가벼움 그 자체였다는 걸 깨달았습니다. 다음에 준비하고 계신 강의는 무엇인가요.. 정말 기대되네요..
- 얄팍한 코딩사전知識共有者
도움되어드려 정말 기쁩니다 ㅠㅠ 열심히 준비한 보람을 느낍니다!! 다음 강의는 역시 한국에서 널리 사용되는 자바를 준비하고 있습니다. 더더욱 좋은 컨텐츠로 완성하여 선보이겠습니다. 감사합니다!!
- 전형준
受講レビュー 1
∙
平均評価 5.0
5
70% 受講後に作成처음 개강했을 때 며칠보고 회사일 핑계로 못보다가 요즘 다시 보고 있습니다! 기존에는 책으로 어렴풋이 본 내용들이라 제대로 이해가 잘 가지 않았는데, 기본부터 고급 개념들까지 정말 쉽게 잘 설명해주십니다. 어떤 프레임워크를 쓰든 js의 기본이 밑바탕이 되어야 한다라고 생각하는데, 기본을 착실히 다지는데 아주 훌륭한 강의입니다! 완강 후에도 헷갈리면 찾아보면서 반복 수강 해야할 것 같습니다 감사합니다~!
- 얄팍한 코딩사전知識共有者
학습에 도움되어드려 기쁩니다!! 수강해주셔서 감사합니다~~
- jungsik park
受講レビュー 2
∙
平均評価 5.0
5
56% 受講後に作成9강까지 듣고 중간평 남깁니다. 본 강의는 프로그래밍 입문자를 위한 프로그래밍 언어 강의라기보다는 다른 언어를 적어도 입문단계까지는 마친 사람을 대상으로 하는 강의로 느껴집니다. 천천히 프로그래밍의 맛을 보여준다기보다는, 자바스크립트 언어 자체에 대해서 파고드는 느낌입니다. 강의가 어렵게 느껴지시는 분들은 너무 억지로 외우려고 하지 마시고, 간단한 문제풀이나 작품개발을 하시면서 '코딩 짬'을 채우신 다음에 다시 돌아오셔도 좋을 것으로 보입니다. (물론 무료강의 파트가 이해가 가셨던 분들은 겁먹지 말고 결제하셔도 될 거라 생각합니다) 저는 자바에 대한 경험이 어느정도 있는 상태로 들었기에 이해하기 어렵지 않았고, 자바스크립트는 자바와 어떤 점이 다른지 비교해가면서 배울 수 있었으나 개발 경험이 전혀 없는 상태로 들었다면 이해가 가지 않는 내용이 대부분이었을 듯 합니다. 그리고 강사님이 코드를 보면서 '이것', '저것', '이렇게', '이 함수로 이런 결과가' 와 같은 지시대명사를 많이 사용하시는데, 수강자가 강의 흐름을 완벽하게 따라감과 동시에 강사님의 마우스커서 움직임을 집중하고 있지 않는 이상 '이것'이 무엇을 말하는 것인지를 이해하기가 어렵기 때문에 지시대명사 사용을 일부러 피하는 것이 강의 이해에 더 좋을 것이라 생각합니다. ex) toString 함수를 이렇게 실행했더니 이런 결과가 나왔네요. - X ex) toString 함수 인자로 2를 넣어 실행했더니 0b11이라는 문자열이 나왔네요 - O 수강평이 혹평하는 것처럼 들릴 수 있으나, 저는 굉장히 만족하면서 듣고 있습니다. 예시 코드와 결과값을 빠르게 확인하며 결과를 분석하는 강의 흐름 덕에 늘어지지 않게 짧은 분량에 많은 정보를 담았으며, 입문자가 이해하기 힘든 설명이 있을 순 있으나, 그것이 설명이 불친절하다는 이야기는 아닙니다. 어느정도의 프로그래밍 경험이 있는 사람이 자바스크립트라는 언어가 어떤 언어인지 알고 싶다면, 정가 5만 얼마에 이 정도로 잘 압축되고 잘 준비된 강의를 구매하는 것은 매우 좋은 판단이라 생각됩니다. *발음 이야기가 있던데, 발음이 이상한 건 한 번도 못 느꼈습니다. 얄코님 유튜브와 인프런 강의 모두 잘 보고 있습니다. 사랑해요
- 얄팍한 코딩사전知識共有者
[2023/11/1 추가 답변입니다.] 말씀주신 내용을 반영하여, 강의를 전반적으로 재편집했습니다. 화면 전환 등이 너무 빠른 부분들에 조금 여유를 주어 체감속도를 낮추었고 영상에서 말하는 부분을 화면에서 찾기 쉽도록 마커들을 추가했습니다. 시간이 매우 오래 걸리는 작업이었던 점 양해 부탁드립니다. 지금 다시 영상들을 보시면 이전보다 훨씬 수강하시기 나을 것입니다. 소중한 피드백 주셔서 강의를 개선하도록 도움주심에 감사드립니다. 좋은 피드백 덕에 강의를 전체적으로 개선하게 되었습니다. 다시금 감사합니다!! - - - - - 상세하고 사려깊은 강의평 정말 감사드립니다!! 덕분에 미처 생각지 못했던 점들을 확인할 수 있었고 어떤 부분들을 더 구체적으로 개선해야 할 지, 입문자분들을 어떻게 더 배려할 수 있을지에 대해 더 많은 생각을 해 볼 수 있게 되었습니다. 말씀주신 부분들을 다음 강의에 최대한 반영하여 더 나은 컨텐츠를 만들어보고자 합니다. 강의가 박정식님께 도움이 되어드려 정말 다행이고 기쁩니다. 수강해주셔서 다시금 감사드립니다!
￥6,883
yalcoの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
