팀 K - CoCo(Corona Coder)의 Pill Good 를 소개합니다.
Introducing CoCo(Corona Coder)(K-Team)'s Pill Good
이 프로젝트는 사진 내의 알약의 색과 모양, 각인을 인식하고 학습된 데이터를 기반하여 알약의 종류를 판단하는 기능을 지원하는 웹기반 프로젝트입니다.
This project is a web-based project that supports a function that recognizes pill's color, shape, imprint in pictures.
- Client
- React
- Server
- Spring
- Flask
- AWS
- Data processing
- Tensorflow
- Maria DB
- ELK(Elasticsearch, Logstach, Kibana)
- Deployment, Management
- Docker
- Git
- Jira Software
> git clone https://github.com/Silicon-Valley-Online-Internship/Client-Spring-React.git
intellij 에서 프로젝트 run
- IntelliJ 에서 제공해주는 Spring initializar를 통해 Spring Boot 프로젝트 생성 (type : Gradle, dependency : Spring Web )
- SpringProjectName\src\main\ 경로에 React 프로젝트 파일 추가 ( 아직 react 파일이 없다면
create-react-app를 통해 설치해 줄 수 있다.) - 설치가 완료 후 설치한 파일로 경로 이동
> cd [react Project name]
> npm install
- 정상적으로 잘 작동된다면
npm start을 실행 npm run-script build명령어를 실행 compiled successfully라고 뜨면 제대로 빌드된 것이다.- npm run eject를 실행시킨다. -> 만약 에러가 난다면 Git에 전부 데이터를 Push 하고 다시 시도한다.
- 새로 생성된 [react Project name]/config/paths.js에 가서 appBuild: resolveApp('build')에 /static을 추가해준다.
appBuild: resolveApp('build') -> appBuild: resolveApp('build/static')
- 이후 [react Project name]/build로 가서 모든 파일을 삭제한다.
- spring의 build.gradle파일에서 react와 spring이 같이 빌드될 수 있도록 정의해준다.(코드 참고)
- build & run 했을때 아래와 같은 결과가 나오면
localhost:8080에서 react화면이 호출되는 것을 확인할 수 있습니다.
final release : 2021-02-04
Front :
류서현 ryuish541@gmail.com
박찬 dkssudgkdl9@naver.com
Back :
최용석 dydtjr1717@gmail.com
안성진 seongjin.dev@gmail.com