
코어 자바스크립트
정재남
ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다.
Basic
JavaScript
ReactベースのシンプルなSNSサービスを作成しながら、REST APIとGraphQLを練習します。 フロントエンド開発のためのバックエンド環境を簡単かつ簡単にする方法を紹介します。
React
ローカルデータベースとサーバーの作成
REST API
GraphQL
CRUD
フロントエンド開発者、レベルアップ!
データ通信に対する自信を育ててください。
REST APIおよびGraphQLの使用方法を理解し、
単純なデータベースを構築することによって
ポートフォリオにご活用ください!
フロントエンド開発者の就職を目指してポートフォリオを準備していますか? このレッスンでは、React(リアクト)ベースの簡単なSNSサービスを作成するトイプロジェクトクローンコーディングを通じて、クライアントコードだけでなく、サーバーとDBまでの両方を直接作成します。
最近フロントエンド就職準備中の方々を対象にメンタリングをしてみると、多くの方々がサーバーサイド学習に負担を感じていましたね。
「バックエンド環境の構築に大きな負担を感じます。」
「GraphQLを書いてみたいのですが、バックエンドの助けなしでどのように始めるのかわかりません。」
「就職を控えてMongoDB、MySQL、Firebaseなどを学習するのは果たして正しいのでしょうか?」
私も同じ苦情を経験してきた非専攻者として、これまで私が積み重ねたノウハウを皆さんに共有していきたいと思います。
就職準備生
フロントエンド就職
準備している
非専攻者
フロントジュニア
ノウハウを手に入れたい
現職フロントエンド
開発者もOK!
一度に練習
REST API、GraphQL
両方を
練習したい方
✅ サーバーサイド学習に負担を感じる方
✅単独でポートフォリオまたはトイプロジェクトを進めたいフロントエンド開発者
✅開発段階でapiが用意される前にフロントエンド開発を急いでほしい現職フロントエンド開発者
ローカルDBを構築するため
最小限のCRUD
機能だけを扱うことによって
学習負担が少ない。
文法中心の説明の代わりに、
実際に使われる例を中心に
実戦開発能力
することができます。
実際の開発プロセス
そのままによると
自然に全体的な流れ
把握できます。
受講前にご確認ください!
React と Next.js ベースのフロントエンド開発を開始します。
Node.jsでExpress(Express)フレームワークに基づいてサーバーを駆動します。JSONでDBを構築し、ルートを作成します。
クライアントはREST API通信を介して実際のデータに基づいてCRUDを完成させます。
Apollo Serverに基づいてサーバーをGraphQL文法に変更します。
クライアントにGraphQL通信を適用します。無限スクロール専用のreact-query APIも学習します。
Q. 非専攻者も聞ける講義ですか?
はい、非専攻者を対象にフロントエンド開発に必要な最小限のバックエンド環境を構成できることを目指します。
Q. 講義を聞く前に準備すべきことはありますか?
Node.js(ノード)、Yarnがインストールされている必要があります。
学習対象は
誰でしょう?
フロントエンド就任生
現職のフロントエンド開発者
前提知識、
必要でしょうか?
React
yarn/npm
32,417
受講生
672
受講レビュー
393
回答
4.8
講座評価
11
講座
안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.
저서: 코어 자바스크립트
유튜브 채널: FE재남
아티클 및 인터뷰 영상:
원티드) 신입 개발자, 뭘 공부해야 하죠? https://www.wanted.co.kr/events/22_02_s01_b01
인프런) To. 주니어 개발자 https://www.inflearn.com/pages/for-junior-developers-20211207
벤처이몽) 벤처/스타트업 시니어 개발자와 주니어 개발자의 솔직담백 토크쇼 https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
바닐라코딩) 프론트엔드 개발자 취업 마인드셋 https://youtu.be/zX68pyoLctI
全体
25件 ∙ (3時間 37分)
1. はじめに
03:16
2. (お知らせ)フォント問題
01:20
3. 環境設定
04:14
4. (追加)Next.js 11対応
01:44
5. リストビューの実装
06:18
6. スタイルを書く
01:43
7. 新しい書き込み機能の実装
08:42
8. メッセージ修正、削除機能の実装
10:09
10. ルート定義
19:22
全体
39件
4.7
39件の受講レビュー
受講レビュー 7
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 4.0
受講レビュー 1
∙
平均評価 5.0
受講レビュー 5
∙
平均評価 4.8
4
토이프로젝트를 진행하기전에 전체적인 흐름을잡기위해 강의를들었는데 도움이 되었습니다. rest에서 graphql로 변경하면서 graphql이 좀더 유연하다는것을 직접 느낄수 있었던것같고, 다만 graphql을 아예 처음듣는 입장으로썬 이해하는데는 어려워 다른 내용을 추가로 찾아봤었습니다. 특히 클라이언트 측에서 리액트 쿼리부분은 직접 적용하기에는 좀더 찾아봐야할것같습니다.. 하지만 리액트 쿼리가 주는 장점은 확실히 있는것같습니다. 부트캠프를 마치고 들었던 입장으로썬 단순한 풀스택 토이프로젝트가 아닌 좀더 신기술(?)을 다뤄본것같아 앞으로 공부할 범위가되어 힘들지만 만족스럽게 들었습니다.
受講レビュー 10
∙
平均評価 4.5
¥2,680
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!