Git Product home page Git Product logo

springbackend's Introduction

springBackend

스프링, 리액트, aws를 사용한 메모 프로젝트 입니다.
backend : spring datajpa, jpa, lombok, spring security, jwt token
frontend : react
server : ec2, rds
sql : mysql, h2


서버 주소들(현재 서버 종료 시켰습니다.)
aws backend elastic ip : http://13.124.30.40:8080
aws frontend elastic ip : http://3.39.145.245:3000


MYSQL RDS 설정 방법
https://velog.io/@dohaeng0/AWS%EC%97%90-Spring-Boot-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EB%B0%B0%ED%8F%AC-1-RDS-MySQL-%EC%84%B8%ED%8C%85

백엔드 ec2 무중단 구성 (https://suyeoniii.tistory.com/52)
nohup java -jar build/libs/demo-0.0.1-SNAPSHOT.jar & > /dev/null

프론트 무중단 구성 ( https://velog.io/@pp2lycee/pm2%EC%99%80-serve%EB%A1%9C-%EB%AC%B4%EC%A4%91%EB%8B%A8-%EC%84%9C%EB%B9%84%EC%8A%A4%ED%95%98%EA%B8%B0)
touch ~/.bash_profile
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash
source ~/.nvm/nvm.sh
nvm install 16.16.0
nvm use 16.16.0
npm install --location=global serve
npm run build
pm2 serve build 3000 --spa

nginx 설정 (https://tobegood.tistory.com/entry/Nginx%EB%A1%9C-React%EB%A5%BC-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0-%EC%9A%B0%EB%B6%84%ED%88%AC-%ED%99%98%EA%B2%BD)


백엔드
전체 URL
GET / : http://13.124.30.40:8080/ (헬스체크 용도)
회원가입 POST auth/signup : http://13.124.30.40:8080/auth/signup
로그인(jwt token 사용) POST auth/signin : http://13.124.30.40:8080/auth/signin
메모 저장
메모 삭제
메모 가져오기
메모 변경하기

프론트엔드
전체 URL
로그인 GET /login : http://3.39.145.245:3000/login
회원가입 GET /signup : http://3.39.145.245:3000/signup
메모페이지 GET / : http://3.39.145.245:3000/ (유저 로그인 안되어 있는 경우에는 회원로그인 안됨)




백엔드 헬스체크 URL
healthCheckPage : http://13.124.30.40:8080/

image



유저 로그인

image

계정 생성

image

jwt token 사용 후 로그인한 사용자의 메모 페이지
image

메모 작성
image

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.