/momofunding

Primary LanguageJavaScript

waving

Team : 선생님들 / Member : 팀장 - 안영진, 팀원 - 김윤하, 백승윤, 임건호, 송지호, 정지민

발표회 영상

모모펀딩은 WebRTC기술을 활용한 실시간 라이브 크라우드 펀딩 서비스입니다.

사용한 JVM ,웹서버, WAS 제품 등의 종류와 설정값, 버전(IDE 버전 포함)

Name Version Description
Docker 20.10.12
MariaDB 10.6.5 Database
NGINX 1.18.0 Web server
Java 1.8
JVM 1.8.0_192
Gradle 7.3.2 Build Tool
SpringBoot 2.6.2
openvidu-react 2.20.0
React.js 17.0.2
node 16.13.1
IntelliJ IDEA 2021.3.1 IDE - Spring Boot
Visual Studio Code 1.64.2 IDE - React.js
MySQL Workbench 8.0.21 DB Management Tool

실행 방법

FE

  • local(VisualStudioCode)
    • App.js파일 로컬 코드 사용
      npm install
      npm start
    • server
      • App.js파일 서버 코드 사용
      • local에서 빌드 필요
      npm run build
      • 빌드 파일(/build)를 서버 프론트 도커 폴더로 이동(/home/ubuntu/reactDocker/dd/)
        • 기존 build 폴더 존재 시 삭제 필요
        • /home/ubuntu/reactDocker/dd/에서 명령어 실행
      docker stop react-app && docker rm react-app
      docker rmi $(docker images | grep "react-app") # 실행 시 빨간 줄 뜨면 한번 더 입력
      docker build -t react-app -f Dockerfile .
      docker run --name react-app -d -p 3000:3000 react-app

BE

jdk1.8, 인텔리제이 IDEA 2021.3 환경에서 구동하였습니다.

  • local
    • application.yml파일 로컬 코드 사용
    IDE 실행
    
  • server
    • application.yml파일 서버 코드 사용
    • 빌드 파일 필요
      • 인텔리제이 우측 상단 Gradle 클릭 > momofunding > Tasks > build > bootJar 더블클릭
    • /momofunding/build/libs폴더의 .jar 파일을 서버 /home/ubuntu/filezillaTest/에 옮기기
    • /home/ubuntu/filezillaTest/로 이동 후 명령어 실행
    docker stop springboot
    docker rm springboot
    docker rmi filezillatest_application
    docker-compose up -d

실행 화면 일부

1. 메인 페이지

image

2. 회원관리

image image

3. 펀딩하기 페이지

image image image image


4. 라이브 페이지

image image image image


5. 프로젝트 만들기

image image image image


6. 공지사항

  • USER, ADMIN 역할 구분
    • USER: 조회만 가능
    • ADMIN: 등록, 수정, 삭제 가능 image image image

7. 프로필 페이지

image


8. 프로젝트 관리 페이지

image image image

9. 변경사항

image image


모모펀딩 상단부와 하단부의 로고가 변경되었습니다.