강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

React Router 完全征服

ReactでSPAを作るすべての人にとって必須のReact Routerを一緒に征服してみましょう 💪

  • woongjae
3시간 만에 완강할 수 있는 강의 ⏰
react
라우터
spa
react-router-dom
react-router
React
SPA

こんなことが学べます

  • リアクトルータを使用した基本的なクライアントサイドルーティング

  • リアクトルータ6.4以降に新しく追加されたData APIの使い方

SPA開発のコア!リアクトルーター
コアだけ迅速かつ簡潔にお知らせします。

リアクト開発者ならぜひ知っておくべき
React Router 完全征服

SPA(シングルページアプリケーション)Webアプリの開発に使用するReact Router(リアクトルータードメイン、リアクトルーター)をカバーします。

リアクトをやろうとするフロントエンド開発者なら、React Routerを当然知っておく必要があります。しかし、重要度に比べて適度に知るだけに使う傾向が強いです。

このレッスンでは、ブラウザのアドレスウィンドウとリアクトアプリケーション間の関係を支援し、進化している最新バージョンのreact-router-domライブラリを学びます。

講義の特徴

コードを入力して習得

コードを直接入力し、React Routerの機能と使い方を自然に習得できるように構成しました。

迅速かつ簡潔な呼吸に進む

流れに沿って、短期間でReact Routerの概念を学ぶことができます。

フォローして復習してください
学習資料を提供します

  • ✅Notion 講義に活用した文書と追加のリファレンスを提供します。 (定期的に更新される予定です。)
  • Githubで講義に活用したコードを提供します。

💡受講前に確認してください

  • 練習はmacOS環境で行われました。しかし、Windowsでも可能です。
  • Node.jsVisual Studio Codeを使用してください。
  • React について基本的な学習を終えた状態とし、授業を進めます。
  • 練習のスピードが速く感じることができます。流れを理解し、素早く見ることを意図しました。さらに、急速に言及されている概念はやや難しいかもしれません。 (質問を残していただくと難しく感じられる概念について補強する計画があります。)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • リアクトルーターについての迅速かつ詳細に学習したいリアクトを学んだ初心者のフロントエンド開発者

  • リアクトルーターを使用する必要がありますが、短期間で概念を習得したいフロントエンド開発者

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

  • React

  • JavaScript

こんにちは
です。

12,032

受講生

130

受講レビュー

4.6

講座評価

5

講座

14년차 소프트웨어 엔지니어 입니다.

 

2021년 부터는 NHN Dooray 에서 프론트엔드개발팀을 리드하며, 서비스 전체의 UI 에 대한 책임을 맡았습니다. 팀을 맡아 기존에 운영하고 있던 레거시 시스템(AngularJS, Vue)을 React, TypeScript 로 리뉴얼 하였습니다. 10인 이상의 다수 프론트엔드 엔지니어들이 하나의 프러덕트를 함께 개발할 수 있도록 아키텍처를 설계하고 관리하는 업무를 하고 있습니다. 전체 서비스 규모가 크고 복잡도가 높아 Monorepo 로 개발 및 운영하고, Micro Frontend 를 도입하여 배포 주기 단축에 대해 노력해왔습니다. Storybook 을 통해 컴포넌트를 적극적으로 관리하며, Design System 을 구축하고 활용이 될 수 있도록 프로세스를 다듬는 역할을 했습니다.

 

이전에는 Studio XID 에서 TypeScript 와 Electron 을 이용하여, 디자이너를 위한 인터렉션 프로토타이핑 툴인 ProtoPie 를 만들었습니다. 한가지 제품을 약 4년동안 만들면서 좋은 코드, 품질이 좋은 코드를 작성하기 위해 노력해왔습니다.

 

대규모 자바스크립트 어플리케이션 개발에 대한 더 나은 방향을 고민하고, 적용하기 위해 노력하고 있습니다.
Microsoft MVP (TypeScript) 로 활동해 왔으며, 최신 웹기술에 대해 사람들과 이야기 하는 것을 즐깁니다.

 

여러 곳에서 프론트엔드 팀을 이끌며, 주로 함수형 언어(클로저)나 Node.js 로 백엔드 작업을 진행합니다.
인프라 자동화에 대한 관심이 많습니다.

カリキュラム

全体

27件 ∙ (1時間 56分)

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

受講レビュー

全体

3件

4.7

3件の受講レビュー

  • cn2zzang0147님의 프로필 이미지
    cn2zzang0147

    受講レビュー 2

    平均評価 5.0

    5

    74% 受講後に作成

    Thank you for the great lecture. It was easy to understand because you explained it clearly and precisely.

    • tessjds4558님의 프로필 이미지
      tessjds4558

      受講レビュー 1

      平均評価 4.0

      4

      67% 受講後に作成

      Since there is a lack of detailed explanation on why and when to use actions, fetchers, etc. after loader, I googled it separately.

      • yongwchoi261087님의 프로필 이미지
        yongwchoi261087

        受講レビュー 16

        平均評価 4.8

        5

        33% 受講後に作成

        It was very helpful in understanding the concept of router. Thank you.

        ¥6,526

        woongjaeの他の講座

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

        似ている講座

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