강의

멘토링

로드맵

BEST
Programming

/

Front-end

(2025 最新アップデート) React: フロントエンドエンジニアへの最後のステップ

フロントエンドエンジニアを目指す方にとって必須のReactを学び、ポートフォリオプロジェクトまで作成できます。

  • codingnuna10082706
React
Redux
Web API

学習した受講者のレビュー

こんなことが学べます

  • React (router, lifecycle, state ...)

  • Redux(Reduxミドルウェア)

  • Zustand 状態管理

  • Tanstack Query(非同期呼び出し管理)

  • React Router

2025年の新アップデート!😄
退屈する隙間のない蜂蜜ジャムリアクト講義!

私の講義へようこそ!

こんにちは、コーディングを知らせる姉です!

ついにJavaScriptの講義に続き、リアクトの講義が出ました。
フロントエンド開発者を準備する方々👨‍💻または一番ホットな🔥フレームワークであるリアクトを学びたい方のために出てきた講義です。

多くの会社がリアクトを使用していますが、それほどフロントエンドの開発者にとってリアクトは必須条件になりました。
しかし、皆さんが意志と努力だけを持ってきてくれたら、残りは私がガイドしていきます😉

ちょっと待って!この講義は基本的にJavaScriptの理解が必要です。
もしJavaScriptを知らない方は<JavaScript:基礎から本番までオールインワン>講義を確認してください!


何を学びますか?

リアクト

フロントエンド開発で最もよく使われるリアクト!

フロントエンド開発者になるための必須リアクトコンセプト
さまざまな例で学びます。

状態管理ライブラリ

現業で最もよく使われる状態管理ライブラリであるZustandReduxの両方を学びます!

(両方とも学ぶのはここが唯一?)

Tanstack Query

APIを呼び出す最も有名なライブラリであるTanstack Queryを使用して、非同期呼び出しを効率的に処理する方法を学びます。

(Zustandと使うと最もトレンディな組み合わせ!)

リアクトライブラリ

リアクト開発の際によく使われる様々なリアクトライブラリを全て!

さらに、どのように自分で選択して使用するかまで!

自分で解決する能力

コードを単純に追いつくのではなく、

多様な課題を通じて自ら開発していく能力を育てます

5つのプロジェクト

一つを学んでも面白くてストールに!

ネットフリックス、ショッピングモール、はさみロックゲームなどリアクトの核心コンセプトを盛り込んだ
5つのプロジェクトを進めます。


自分で作って学ぶ
5つのコアプロジェクト!

最初のプロジェクト:はさみロックゲーム

2番目のプロジェクト:天気アプリを作成する

3番目のプロジェクト:ショッピングモールのウェブサイトを作る

4番目のプロジェクト:連絡先ページを作成する

最後のプロジェクト:Netflixの作成


こんな方におすすめです!

  • 退屈なコーディング講義が嫌いな方:開発者だけが聞くことができる難しい説明はNO!
  • フロントエンド開発者になりたい人:HTML / CSS JavaScriptは知っていますが、フロントエンド開発者になるために何が必要かわからない人
  • 作りながら学びたい方:一方的に聞くだけ聞く講義ではなく、実際に試すことができる様々な問題や課題を通じて自分で作りながら学ぶことを楽しむ方

講義が終わった後、
こんな姿が期待できますよ。

リアクトを使ったプロジェクトを自分で作ることができる

最近最もトレンディな組み合わせであるZustand + TanstackQueryで状態管理+非同期呼出管理

5つのプロジェクトによる実戦開発能力UP!


知識共有者
コーディングを教えてくれるお姉さん
✒️

  • 🚀海外ブートキャンプ講師として2年間勤務し、100人を超えるドアや学生を教えた経験に基づいて、皆さんに最適なティーチング方法で知識を伝えます。
  • 🧐 Web開発者として6年間勤務し、檀国大学コンピュータ工学と上級卒業をしました。
  • コーディング教えてくれる姉妹YouTubeチャンネルを運営してコーディングを学びたい方のための無料クラスと情報を分けています。

平均星印5.0★ のレビューが証明されています。

入社3ヶ月目初級開発者です。

面白すぎる、退屈な授業がこんなに楽しくなるなんて初心者に見ればすぐに理解になります😊😊

頑強まで簡単かつ迅速に勉強できました:)

入社初級開発者なのにとても楽しく修了しました。

JavaScript:基礎から本番までオールインワン講義に残してくれた受講評判です💌


予想される質問 Q&A 💬

Q.講義をより質問ができました!

姉が運営するスラックチャンネルからいつでも楽に来て質問してください!

Q. 1:1のコーチングも受講料に含まれていますか?

A. 該当受講料には個人コーチングの価格は含まれていません 😣 でも受講中に質問がありましたら、いつでもスラックコミュニティをご利用ください!

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScript の基本的な知識がある人

  • フロントエンドエンジニアを志望する人

  • 素敵なポートフォリオを作りたい人

前提知識、
必要でしょうか?

  • JavaScript

こんにちは
です。

1,048

受講生

95

受講レビュー

79

回答

4.8

講座評価

2

講座

カリキュラム

全体

119件 ∙ (17時間 46分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

29件

4.7

29件の受講レビュー

  • 연어와아아앙님의 프로필 이미지
    연어와아아앙

    受講レビュー 24

    平均評価 4.9

    5

    100% 受講後に作成

    몇 백만원하는 3개월 부트 캠프보다 훨씬 좋고 기초탄탄하게 잡아줘요. 그리고 Redux 이해 못 했던거 여기서 개념 다 잡았어요. \(❁´◡`❁)/ 아쉬운 점은 딱히 없는데 정말 굳이~~ 뽑자면 1. styled-components가 아닌 CSS 2. redux 업데이트 및 권장사항 (진짜 상관 없음.. 공식문서 찾아본 결과 문제 없다고 했음! 코드 짱 잘 돌아감.. 그냥 거슬림 정도..?!) 3. [쌩초보 기준] 모두 알려주는 강의가 아님 → 나머지 기능 본인이 만들어야 함(좀 많음) → 답지 깃허브 참고 못함 (특히, 초보 경우! class 작성/Hook/강의 내용과 180도 다른 코드) 저는 제 방식대로(함수형 버전&추천 라이브러리 사용 안 하고 원래 쓰던 라이브러리 사용&모바일 반응형& 개인 포트폴리오) 기능 다 만들기는 했는데.. 쌩초보자분은 질문 많이 하시거나 파워 구글링 또는 열정가득해서 맨땅에 헤딩 하시는 분이면 추천..! ✨단, 이런 경우 다른 강의 보세요. (리액트 쌩초보 기준)✨ 1. 나는 처음 부터 같이 따라 하면서 할려고 했는데?! 2. 난 답지 보면서 분석해야 이해가는데?!

    • 코딩알려주는누나
      知識共有者

      안녕하세요 마지막 과제를 제외하고는 각 프로젝트 마다 전체 완성프로젝트 깃허브 링크가 있어서 코드 참고 가능합니다!!

  • Yun hyunwook님의 프로필 이미지
    Yun hyunwook

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    레알루 너모 좋아요~~

    • 김동규님의 프로필 이미지
      김동규

      受講レビュー 1

      平均評価 4.0

      4

      100% 受講後に作成

      리덕스 강의를 보고 있는데 현재 하는거랑 좀 다른거 같아요...강의에 나온대로 했는데 안되서 찾아보니까 준비하시는 동안 바뀐거 같아요

    • e89cokr님의 프로필 이미지
      e89cokr

      受講レビュー 13

      平均評価 5.0

      5

      57% 受講後に作成

      리액트 개념을 잡아줍니다. 이 강의를 듣고 얼마든지 응용이 가능할 것 같아요 이전에 리액트 공부하면서 이해하지 못했던 것들을 시원하게 해결해 줍니다. 클래스컴포넌트와 함수형컴포넌트의 차이점과 라이프스타일을 정확히 알려줍니다. 라우터, Redux 이해하는데 많은 도움이 됩니다. 좋은 강의 감사합니다.

      • 김혜린님의 프로필 이미지
        김혜린

        受講レビュー 3

        平均評価 5.0

        5

        30% 受講後に作成

        쉽게 잘 알려주셔서 너무 좋습니다~

        ¥18,669

        codingnuna10082706の他の講座

        知識共有者の他の講座を見てみましょう!

        似ている講座

        同じ分野の他の講座を見てみましょう!