강의

멘토링

로드맵

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件の受講レビュー

  • ns.yoon님의 프로필 이미지
    ns.yoon

    受講レビュー 13

    平均評価 4.3

    5

    100% 受講後に作成

    • 임다정님의 프로필 이미지
      임다정

      受講レビュー 16

      平均評価 4.6

      3

      100% 受講後に作成

      "이건 이렇게해야되요" 라는 말에 그에 대한 설명을 간력하게 붙여주면 좋을것같은데 그냥 코드만 치니 아쉽네요 gitbook은 정리가 잘되어있어요 react가 첨이라 뭐가먼지는 모르겠지만 axios로 백앤드 api에 통신한다는건 이해할수있어서 좋았습니다.

      • bin4399님의 프로필 이미지
        bin4399

        受講レビュー 10

        平均評価 5.0

        5

        100% 受講後に作成

        • 최용원님의 프로필 이미지
          최용원

          受講レビュー 16

          平均評価 4.8

          5

          36% 受講後に作成

          질문 답변 소통이 원활하지 않아요.

          • 이충섭님의 프로필 이미지
            이충섭

            受講レビュー 2

            平均評価 5.0

            5

            36% 受講後に作成

            ¥1,336

            neneeeの他の講座

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

            似ている講座

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