
Next.js 시작하기
장기효(캡틴판교)
React를 시작할 때 꼭 알아야 하는 Next.js 프레임워크. 입문자 관점의 쉬운 설명과 실무자가 만족하는 심도 깊은 동작 원리 이해까지. Next.js를 한방에 해결합니다.
초급
Next.js, React, JavaScript
フロントエンド開発に必要なJavaScriptの基本知識。実務者として必ず知っておくべき必須知識を分かりやすく、素早く説明します。2024年の現代フロントエンド開発トレンドを反映した基本講義。
JavaScript開発
JavaScript 基本文法
ES6+
React、Vueなどのフレームワークを学ぶ前に必ず知っておくべきJavaScriptの基本、最新の文法を短時間で圧縮的に学べる講義です。最新のフロントエンドフレームワークを使用してWebアプリケーションを開発するときに必要なだけ学習できるように講義を構成しました:)
フロントエンド開発
始まる入門者
FE開発を始めるとき、何から学ぶべきか分からない。 JavaScriptはどのくらい知っておくべきですか?
JavaScriptの文法
わかるように、
React、Vueは学んだが、JavaScriptの文法を正確に知らない。 export default
, async await
, ...
, then & catch
, () => {}
😵💫
レキシカルスコープ、プロトタイプ
だから頭が痛い方
実務では、これらの概念を知らなくても十分に開発できます。必要な概念だけを実用的に学びます :)
フレームワークを使用するために必要なJavaScriptの基本、最新の文法をマスターします。
実務開発で最も重要な配列を扱う、非同期処理、モジュール化文法の基礎を扱うことができます。
JavaScriptはそれほど難しく見えません。簡単ですが必須の文法だけを簡単にお知らせします:)
授業内容よりも膨大なWeb教案で学習と復習
授業で学んだ内容を簡単に復習できるようにウェブサイトの教案を提供します。もっと勉強したい部分は無料でもっと勉強できますよ❤
説明は短く、練習は簡単で十分です
いくら簡単に説明しても難しいのは難しいです。説明は必要な部分だけできるだけ短く話し、コードで簡単に解いて説明しておきます😄
JavaScriptを扱うときに最も基本となる変数、関数、繰り返し文、条件文、オブジェクト、配列などを学びます。 JavaScriptの最大の特徴の1つである一級関数についても簡単に学ぶことができます:)
最新の文法は、既存のJavaScript文法をより簡潔かつ迅速に作成するように設計されています。
単に文法を覚えるのではなく、なぜこのように書くのか背景も説明します。
JavaScriptの重要な概念である非同期処理もコールバックからasync, await
まで定走行してみることができます:)
11年目のフロントエンド開発者
著書
企業講義:ネイバー、サムスン、LG、SK、現車、CJなどの実務者向け講義
「Inflearnが出会った人」インタビュー
Q1. Inflearnで8年ぶりに無料で講義を行ったようですが、どんなきっかけがありましたか?
既存のJavaScript講義を別途作成していないのは、Vue.js講義のロードマップの途中で必要なJavaScript文法をすべて説明したからです。今回React学習ロードマップも制作しながら、JavaScriptの基本、必須文法を説明してくれる映像が必要だと思いました。
私は最初にJavaScriptを学習したときにCodeSchool、ライフコーディングなどの無料ビデオの助けを借りていたように、開発者エコシステムのために無料でオープンするようになりました:)
皆さんも私が良い講義で悟りを得て楽しさを感じたことを経験していただければいいですね❤
Q2.この講義を聞くには、HTML、CSSも知っておくべきですか?
いいえ。 JavaScriptの基本概念と文法を理解するクラスなので、HTML、CSSは知らないかもしれません。 JavaScriptがHTML、CSSを操作できる特徴がありますが、この点については講義では扱いません。それでも無料講義なんて気軽に受講申請して聞いてみてもいいと思います:)
Q3. JavaScriptを少しやると思いますが(ジュニア、実務者)聞くことができますか?
はい。無料講義とカリキュラムを見て、必要な部分だけを学習してもいいです。変数、関数、条件文、配列などの基本文法は既に知っていればES6+最新の文法と非同期処理の側面を見てみると得られるものがあります:)
Q4.この講義を聞いたら、次の講義はどんなことを聞くのが良いでしょうか?
レッスンの紹介ページに記載されている学習ロードマップに従って、React学習ロードマップまたはVue学習ロードマップを聞くことをお勧めします。開発を学ぶ目的に応じて就職を希望される場合は、学習ロードマップをお勧めし、個人事業や製品開発が目的である方は、全講義リストの中から必要なものを選んで聞けば良いと思います:)
Q5.もっと深化した内容を聞きたいです。
Amazing JavaScriptはAmazing Spidermanをモチーフにシリーズ名をつけました。スパイダーマンシリーズがいろいろあるようにJavaScriptも入門、実戦、活用レベルで後続の講義を撮影する予定です。皆さんのオーラと応援を受けて、より速くコンテンツを持ち上げてくれるように講義聞きましょう。
オペレーティングシステムとバージョン(OS):レッスンでMacを書きますが、Windows関連のショートカットもすべて説明します。
使用ツール: 別途開発ツールをインストールせずに Chrome ブラウザ 1 つとして授業します。
C、Java、Pythonなど他の言語でプログラミングを一度でもやってみた方が聞く最高の授業です。
学習対象は
誰でしょう?
フロントエンド開発入門者
JavaScript に興味のある開発者
48,014
受講生
4,651
受講レビュー
3,812
回答
4.9
講座評価
17
講座
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
全体
42件 ∙ (2時間 56分)
3. 変数の紹介
02:08
4. 変数宣言方式constとlet
02:34
5. constとletの違い
01:46
6. 変数に入れることができるデータ型
02:06
7. 変数関連の注意事項とコンベンション
03:15
8. 復習できる教案案内
01:17
9. 関数の紹介と基本文法
02:24
10. 関数パラメータと戻り値
04:00
11. 関数宣言文と関数式
03:12
13. 矢印関数の基本
01:50
14. 矢印関数短縮文法の2つ
06:01
15. 条件文
04:04
16. 繰り返しドア
03:40
17. オブジェクト基本文法
02:48
18. オブジェクト短縮文法の2つ
05:24
19. 配列基本文法
03:46
21. 配列反復ステートメント
04:09
全体
129件
4.9
129件の受講レビュー
無料
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!