Quantcast
Channel: Postmanタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 470

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

$
0
0

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


Viewing all articles
Browse latest Browse all 470

Trending Articles