개발이유

• 앞으로 토이 프로젝트 웹사이트 개발시 기초로 사용될 샘플 소스를 개발한다.

개발기술

• Frontend
  • React
    • react-redux
    • react-router
    • Typescript
    • react Material UI
• Backend
  • Java8
  • Springboot
  • JPA
  • QueryDsl
  • JWT
  • swagger
  • 기타 라이브러리
    • junit
    • apacje.common-lang3
    • lombok

초기 사용법

1. 소스를 받아서 새로운 github 프로젝트로 옮긴다.
   1. 프로젝트명 폴더 sample → 신규프로젝트명 변경
   2. settings.gradle 에 rootProject.name 을 신규프로젝트명 변경
2. DB 연결 설정을 변경한다.
   1. application-local.yml 에 DB 연결 설정을 사용할 DB 설정으로 변경한다.
3. ServletInitializer.java 를 실행하면 서버가 실행된다. SpringRestApiApplication 를 주석 풀고 실행해도 된다.
4. Backend Springboot 를 기동시 기본적인 테이블이 자동으로 생성된다.
   1. board : 게시판
   2. post : 게시판 글
   3. user : 유저
   4. user_roles : 유저 권한
5. swagger에 접속해서 서버단 API 호출할 수 있다.
   1. URL : http://localhost:8080/swagger-ui.html
6. react 소스는 프로젝트 폴더에 src/main/app 경로에 있다.
7. react install
   1. cd src/main/app 로 react 폴더 이동
   2. install 명령어로 node_moules 폴더 생성(라이브러리 파일 생성)
      1. npm install
      2. yarn 설치시 yarn install
8. react 서버 띄우기
   1. npm start
   2. yarn 설치시 yarn start

초기 설정 후

• 원하는 기능은 DB 테이블 생성, 백엔드 개발, 프론트 개발로 개발을 한다.

배포절차

• 추후 작성