2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Spring Boot】 海外Teck系YouTuberを真似てみた!ReactJS+SpringBoot Full Stack Application

Last updated at Posted at 2021-02-24

1,はじめに

この記事は、海外Teck系YouTuberの動画を参考に、同じプロジェクトを作成してみたものになります!
簡単にですが、動画を通して学べた技術や知識をまとめました!

2,学んだこと

主に、

① Axios HTTP Libraryを導入して、ReactSpringBootを連携させる。
② Postmanを使ってRESTApiの動作を確認する。

その他にも、npmを使ってrouteraxiosのインストール方法も学べました!

ゴール:triangular_flag_on_post:が見えているので、モチベーションにもなって効率良く学習が進めれました!
真似るだけでも、様々な技術の習得に繋がったのでぜひ、ぜひトライしてみてください!

完成したものは、下記に載せています:rainbow:

3,参考動画

URL: https://youtube.com/playlist?list=PLGRDMO4rOGcNLnW1L2vgsExTBg-VPoZHr

4,Tools and Technologies

【フロントエンド】

:star: React
:star: Modern JavaScript(ES6)
:star: NodeJS and NPM
:star: VS Code IDE
:star: Create React App CLI
:star: BootStrap 4.5 and Axios HTTP Library

【バックエンド】

:star: Spring Boot 2+
:star: SpringData JPA(Hibernate)
:star: Maven 3.2+
:star: JDK 1.8
:star: Tomcat 8.5+
:star: MySQL Database

5,完成:tada:

約5時間ぐらいかけて完成することができました:star:
2021-02-24_23h58_37.gif

補足

Postmanを使うと、

ネットワーク経由で外部のサーバーにアクセスし、必要な情報を取得することができます!

URL: Postman
2021-02-25_00h30_34.png

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?