강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

Spring BootとReactで学ぶ超簡単REST API掲示板作り

Spring BootとReact.jsで超簡単掲示板を手軽に構築する実践講義!この講義は、理論は少なめに、実習に集中して素早く完成させるウェブアプリケーション開発過程を盛り込んでいます。

  • neneee
실습 중심
SpringBoot
react
restapi
Spring Boot
react.js
JPA
MySQL
REST API

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

こんなことが学べます

  • 掲示板作成 (CRUD)

  • Spring Boot を使用した API サーバーの製作

  • 簡単なRestApiシステム

Spring Boot & Reactで学ぶ

超簡易Rest API掲示板を作成する💡

このレッスンでは、Spring BootReact.jsを活用してREST API構造の基本概念を習得し、実践を通して簡単な掲示板を作成します。
フロントエンドとバックエンドの連携プロセスを理解し、実際のプロジェクトで活用できるRESTful APIの設計方法を学びます。
Spring Bootを利用したバックエンドの構築、Reactを活用したフロントエンドの開発、そしてこの2つをつなぐ過程を段階的に学習します。
掲示板の実装により、CRUD(Create、Read、Update、Delete)機能を直接実装し、REST APIの動作原理を自然に習得できます。
実際の開発環境と同様の実習を進め、理論だけでなく実戦経験まで積み重ねられるように構成しました。
このレッスンを受講すると、REST APIの重要な概念を理解し、それを活用した基本的なWebアプリケーション開発能力が得られます。

👏講義をすべて受講したら!

  • Rest APIの設計方法

  • Rest APIの動作原理

  • CSRの概念を理解する

このようなことを学びます。

Spring Bootを使用したAPIサーバーの構築

Spring Bootを活用して簡単なREST APIサーバーを構築し、掲示板機能を実装します。
JPAとMySqlデータベースを使用してCRUD機能を開発し、APIの要求と応答構造を習得します。
実習を通じて、バックエンド開発の基本原理を学び、フロントエンドと連動する過程を経験することができます。

React.jsを使用した掲示板の作成

React.jsを活用してユーザーフレンドリーな掲示板UIを作成し、REST APIと連携します。
Axiosを使用してバックエンドと通信し、書き込み、照会、修正、削除(CRUD)機能を実装します。
コンポーネントベースの開発により、再利用性とメンテナンス性を高める方法を学びます。

講義資料提供📖

フェイスブックを活用して講義コードと環境設定ファイルを体系的に提供します。
受講生は、複雑な設定なしですぐに実践に集中することができます。
継続的な更新を通じて新しい資料を提供します。

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):Windows 10、Windows 11、macOS

  • 使用ツール:IntelliJ、MySQL Workbench


学習資料

  • 提供する学習資料形式:フェローブックを活用したソースコードの提供

選手の知識と注意事項

  • JavaとJavascriptについて事前の知識が必要です。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • CSRを使ってウェブ制作をしたい方

  • Spring BootとReact.js間のhttpフローがどうなっているか知りたい方

  • Webの動作プロセスの全体的な流れを理解したい方

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

  • ジャバ

  • React.js

こんにちは
です。

408

受講生

35

受講レビュー

11

回答

4.6

講座評価

3

講座

웹 개발을 하다가 게임 개발에 빠져 살고 있는 개발자 입니다!

항상 배우는 마음가짐으로!

カリキュラム

全体

14件 ∙ (2時間 59分)

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

受講レビュー

全体

25件

4.4

25件の受講レビュー

  • nsyoon4352님의 프로필 이미지
    nsyoon4352

    受講レビュー 13

    平均評価 4.3

    5

    100% 受講後に作成

    • chelim20028121님의 프로필 이미지
      chelim20028121

      受講レビュー 16

      平均評価 4.6

      3

      100% 受講後に作成

      It would be nice if you could briefly add an explanation when you say "This should be done like this" - it's a bit disappointing to just see code without context. GitBook is well organized. Since this is my first time with React, I don't know what's what, but it was good that I could understand that axios is used to communicate with backend APIs.

      • bin4399님의 프로필 이미지
        bin4399

        受講レビュー 10

        平均評価 5.0

        5

        100% 受講後に作成

        • yongwchoi261087님의 프로필 이미지
          yongwchoi261087

          受講レビュー 16

          平均評価 4.8

          5

          36% 受講後に作成

          Communication through questions and answers is not smooth.

          • chungsup13956님의 프로필 이미지
            chungsup13956

            受講レビュー 2

            平均評価 5.0

            5

            36% 受講後に作成

            ¥1,340

            neneeeの他の講座

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

            似ている講座

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