Code Monkey home page Code Monkey logo

kiosk-max's Introduction

Build Status

☕️ 카페 키오스크 프로젝트

  • 2023 코드스쿼드 마스터즈 Max에서 진행한 "카페 키오스크"를 구현하는 그룹 프로젝트
  • 미션 기간: 2023-06-19 ~ 2023-06-30
  • 프로젝트 Wiki →

🧑🏻‍💻팀원 소개

프론트엔드 프론트엔드 백엔드 백엔드 백엔드 백엔드
litae 조이 Jinny Sully TOMMY 네모네모

🖥️ 동작 화면

https://kiosk-team-03.web.app/


🔧️ 개발 환경

Front-End

  • CRA (Create React App)
  • CSS Modules
  • Typescript: ^5.0.2
  • @types/node: ^20.3.1
  • @types/react: ^18.2.13
  • @types/react-dom: ^18.2.6
  • react: ^18.2.0
  • react-dom: ^18.2.0
  • react-scripts: 5.0.1

Back-End

  • Java: JDK 11
  • SpringBoot: ver. 2.7.12
  • MySQL: ver. 8.0.32
  • Amazon AWS: EC2, S3, RDS, CodeDeploy

⚙️ 인프라 구조

Front-End

Back-End

Kiosk-Architecture


💾 ERD


🌎 API 명세서

기능 HTTP Method URL
메뉴 조회 GET /menus
카드 결제 요청 POST /api/payment/card
현금 결제 요청 POST /api/payment/cash
영수증 조회 GET /api/receipt?orderId={orderId}

🤝 협업 전략

kiosk-max's People

Contributors

yonghwankim-dev avatar honux77 avatar devbattery avatar youzysu avatar jinny-l avatar

kiosk-max's Issues

[BE] mysql 컨테이너 스키마 초기화문제

배경

  • docker-compose 수행시 mysql 컨테이너를 다음과 같이 설정하였습니다.
  db:
    container_name: kiosk_db
    image: mysql
    ports:
      - 3306:3306
    environment:
      MYSQL_ROOT_PASSWORD: ${MYSQL_PASSWORD}
      MYSQL_DATABASE: ${MYSQL_DATABASE}
      TZ: Asia/Seoul
    volumes:
      - ./db/mysql/conf.d:/etc/mysql/conf.d
      - ./db/mysql/initdb.d:/docker-entrypoint-initdb.d
  • volumes 설정값으로 docker-entrypoint.initdb.d에 볼륨을 설정하고 데이터베이스 스키마를 초기화하는 SQL 스크립트를 넣으면 컨테이너 실행시 자동으로 스키마를 생성합니다.
  • 그러나 이러한 스키마 초기화가 안되는 문제가 발생하였습니다.

원인

  • 이전에 사용한 동일한 경로의 볼륨을 clean하지 않고 그대로 사용하여 이전 프로젝트에서 사용한 볼륨의 데이터를 그대로 사용했기 때문입니다.

해결방법

  • 사용하지 않은 볼륨을 전부 제거하고 다시 github action하여 ci/cd를 수행합니다.
$ docker volume prune

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.