Giter Site home page Giter Site logo

dev-yejoon / spring-react-security Goto Github PK

View Code? Open in Web Editor NEW

This project forked from junhan0037/spring-react-security

0.0 0.0 0.0 50.32 MB

๐ŸŒถ Spring Security & React ๐ŸŒถ

Java 49.23% HTML 2.16% CSS 0.79% TypeScript 47.70% Dockerfile 0.12%

spring-react-security's Introduction

spring-react-security

๋ณธ ํ”„๋กœ์ ํŠธ๋Š” Spring Security, React ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ธฐ๋ณธ์ ์ธ ํšŒ์› ๊ด€๋ฆฌ ์˜ˆ์ œ ํ”„๋กœ์ ํŠธ ์ž…๋‹ˆ๋‹ค.
ํ”„๋กœ์ ํŠธ ๊ตฌํ˜„์‹œ ๋น ๋ฅด๊ฒŒ ๊ธฐ๋ณธ๊ธฐ๋Šฅ์„ ๊ฐ€์ ธ๋‹ค ์“ธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Start

์„ค์น˜ ๋ฐ ๊ฐœ๋ฐœ์„œ๋ฒ„ ์‹คํ–‰

# 1. ์„ค์น˜
$ npm install

# 2. Java ์‹คํ–‰
$ ./gradlew clean bootRun

# 3. ๊ฐœ๋ฐœ์„œ๋ฒ„ ์‹คํ–‰
$ npm start

Local ๊ฐœ๋ฐœ

  • Backend ์‹คํ–‰

  • Frontend ์‹คํ–‰

  • ํ†ตํ•ฉ ์‹คํ–‰ (๋ฐฐํฌ ํ™˜๊ฒฝ)

API

  • SecurityConfig ์ฐธ์กฐ

    • ๋กœ๊ทธ์ธ
    • ๋กœ๊ทธ์•„์›ƒ
  • Swagger ์ฐธ์กฐ

    • ํšŒ์›๊ฐ€์ž…
    • ์•„์ด๋””, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ฐพ๊ธฐ
    • ํšŒ์› ์ •๋ณด ์ˆ˜์ •
    • ๊ด€๋ฆฌ์ž ๋ชจ๋“œ

Swagger

http://localhost:28080/swagger-ui/

Docker image build

ํ”„๋กœ์ ํŠธ์—์„œ Docker ์™€ ๊ฐ™์€ ๊ฐ€์ƒํ™” Container ๋ฅผ ํ†ตํ•œ ๋ฐฐํฌ๋ฅผ ์š”๊ตฌํ•  ๊ฒฝ์šฐ ๋ณธ ํ”„๋กœ์ ํŠธ๋Š” Docker image๋กœ ๋นŒ๋“œํ•  ์ˆ˜ ์žˆ๋Š” ๊ตฌ์„ฑ์„ ํฌํ•จํ•˜๊ณ  ์žˆ๋‹ค. docker build๋ฅผ ํ•˜๊ธฐ ์œ„ํ•ด์„œ ํ˜ธ์ŠคํŠธ pc์— docker๊ฐ€ ์„ค์น˜๋˜์–ด ์žˆ์–ด์•ผ ํ•œ๋‹ค.

  • Build image

    docker build --build-arg JAR_FILE=build/libs/spring-react-security-0.0.1-SNAPSHOT.jar -t com.springreactsecurity/springreactsecurity:1.0.0 . 
  • Run image

    docker run --name cwt -d -p 28080:8080 -e JAVA_OPTS="-Dspring.profiles.active=local -Dserver.port=8080" com.springreactsecurity/springreactsecurity:1.0.0
  • log ํ™•์ธ

    docker container logs cwt
  • Stop image

    docker container stop cwt
  • Start image

    container ํ•œ ๋ฒˆ ์ƒ์„ฑํ›„์—๋Š” ์•„๋ž˜์™€ ๊ฐ™์ด container start ๋ช…๋ น์–ด๋กœ ์žฌ๊ธฐ๋™ ํ•  ์ˆ˜ ์žˆ๋‹ค.

    docker start cwt
  • Build image(with gradle)

    gradle ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์ด์šฉํ•ด์„œ docker ๋ฅผ build ํ• ์ˆ˜ ์žˆ๋‹ค.

    gradlew docker 

๋” ์ž์„ธํ•œ ๋‚ด์šฉ๊ณผ docker ๊ด€๋ จ ๊ธฐ๋Šฅ์€ ์•„๋ž˜ ๋ฌธ์„œ๋‚˜ ๊ธฐํƒ€ ์ธํ„ฐ๋„ท ์‚ฌ์ดํŠธ๋ฅผ ์ฐธ๊ณ  ๋ฐ”๋ž€๋‹ค.

Jib (with docker)

Jib Google ์—์„œ ๋งŒ๋“  docker ์ด๋ฏธ์ง€ ๋นŒ๋“œ๋ฅผ ์œ„ํ•œ ์˜คํ”ˆ ์†Œ์Šค์ด๋‹ค. ํฅ๋ฏธ๋กœ์šด ์ ์€ docker ์„ค์น˜ ์—†์ด docker ์ด๋ฏธ์ง€ ๋นŒ๋“œ๋ฅผ ํ•  ์ˆ˜์ž‡๋Š” ์ ์ด๋‹ค.

UPCOMING

์•„๋ž˜์™€ ๊ฐ™์€ ๊ธฐ๋Šฅ์— ๊ด€ํ•ด์„œ ๊ฐœ๋ฐœ์ž๋“ค์˜ ๊ธฐ์—ฌ๋ฅผ ๊ธฐ๋Œ€ํ•œ๋‹ค.

  • SMTP (send Email)
  • ํœด๋Œ€ํฐ ์ธ์ฆ
  • Oauth2 ์ธ์ฆ (Google, Naver ๋“ฑ)
  • HTTPS
  • Redis
  • ๋ชจ๋‹ˆํ„ฐ๋งํˆด
  • Docker
  • ๊ตญ์ œํ™” (์˜์–ด)

spring-react-security's People

Contributors

junhan0037 avatar dev-yejoon avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.