GDG on Campus Sookmyung

현재 진행 사항 1. 음식 메뉴 인식 및 영양소 정보 추출 기능 개발 flask 서버에 이미지 파일을 업로드하면, 음식 종류 분류와 영양소 정보 추출을 진행하여 json 형식의 데이터로 리턴 spring 에서 요청하는 코드를 작성한 후 오류가 없는지 점검 예정 2. 게시글 업로드 기능 개발 게시물 업데이트 UI 만들기 내장된 앨범에서 사진 가져오기 데이터베이스 도메인 코드 짜기, 컨트롤러, 서비스, 매퍼 30% 정도 완성 게시물 업로드 CRUD 중 C 완료 3. 통계 페이지 UI 만들기 달력 페이지 : 날짜별 목표달성정도 체크 통계 그래프 페이지 : 영양소별 섭취정도 체크 앞으로 진행할 일 1. 통계 기능 개발 마무리 2. 최종 UI 완성하기

리액트 스프링 연동도 됐고, DB도 구축이 되었다면 이제 본격적으로 게시판을 만들어보자! (참고로 우리 팀은 AWS를 이용한 mySQL을 사용했다) congsong.tistory.com/15?category=749196 백엔드에 관련해서는 저 곳에서 도움을 정말 많이 받았다. 거의 코드를 가져다 쓰는 식으로 만들어서ㅋㅋㅋ 다만 저기서는 리액트를 사용하지 않았기에 여기서는 Axios 및 fetch를 이용해서 어떻게 프론트엔드를 만들었는지를 작성할 예정이다! 1. Create 먼저 리액트 프로젝트 src 폴더 내부에 page 폴더를 만든다. 이번 프로젝트에서 화면을 구성하는 컴포넌트들은 다 저기다가 만들어놨다. 첫번째로 만들어 볼 페이지는 글쓰기 페이지! page 폴더에 write.js 파일을 만들고 다음과..

웹 토이프로젝트의 Backe-end 코드를 되짚으며 Annotation과 의미를 정리하려고 한다. 본 토이프로젝트는 ReactJS + Spring Boot + MySQL을 사용하여 CRUD를 구현하였다. 참고한 튜토리얼은 다음과 같다. www.youtube.com/playlist?list=PLGRDMO4rOGcNLnW1L2vgsExTBg-VPoZHr ReactJS + Spring Boot CRUD Full Stack Application This course designed for beginners to learn how to develop a full-stack CRUD application using React as frontend and spring boot as backend. www.youtub..

1. 연동 참고 자료 ReactJS와 Spring Boot를 사용하여 프로젝트를 시작할 때 참고했던 동영상, 블로그와 추천 자료를 정리했다. 본격적인 프로젝트를 시작하기 전, 모두 리액트와 스프링부트에 대한 경험이 적어 둘을 같이 사용해보고 연동하는 것을 먼저 시도했다. 그 때 참고했던 자료들을 공유하려고 한다. hjjooace.tistory.com/entry/React-Spring-Gradle-Project-%EC%97%B0%EB%8F%99?category=0 React + SpringBoot (Gradle) 손쉽게 연동하기 Environment OS : Windows 10 Intellij IDEA React와 SpringBoot(Gradle project)를 연동하는 방식을 게시했습니다. 세팅하는 과..