Spring 6

11. 개발 진행

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

10. 개발 진행

1. 3.8 회의 내용 1) SDGs 공지 내용 확인 2) 3.11까지 각자 개발 내용 정하기 주연 : flask - spring 연결 + 통계페이지 ui 코드 찾아서 링크 올리기 하람 : 네비게이션 만들기 + 딥러닝 모델 다시 학습 + 라벨링(라벨은 한글, 앱 내에서만 영어로 보이게) 혜주 : 게시판 DB 만들고, UI 짜보기 + 리덕스로 이사 3) 프로젝트 관련 변경 사항 커뮤니티 게시판 5~10개 정도 정해서 분류하기 자취, 헬스/다이어트, 비건, 케어/건강회복 (세부사항은 나중에 생각나면 추가) Community 아래에 버튼 형식으로 만들고, 버튼 누르면 피드 바뀌기 댓글은 게시물 상세페이지에서 볼 수 있도록기타 이름 수정 기능 삭제. 2. 3.11 회의 내용 1) 각자 맡은 부분 공유 혜주 리덕..

9. 계획 중간 점검 및 개발 진행

1. 계획 중간 점검 ~3월 : 매주 월, 목 회의 4월~ : 모두의 식단 프로젝트 마무리 (리드미 작성 등) 2. 개발 진행 마이페이지 : 프로필 페이지, 수정, 게시물 상세 페이지 등 합치는 중 게시물 업로드 : 사진 파일 업로드 구현 중 음식 인식 : 스프링 + flask 서버 연결 중 3. 어플 로고 4. 참고 자료 유튜브 clone (react + node.js) : https://www.inflearn.com/course/따라하며-배우는-노드-리액트-유튜브-만들기 [무료] 따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기 - 인프런 | 강의 이 강의를 통해 리액트와 노드의 개념을 익히는 것뿐만이 아닌 실질적으로 어떻게 웹사이트를 만들 수 있는지를 배울 수 있습니다., | 강의소개 ..

7. 개발 관련 회의 및 상세 계획

개발 관련 회의 1. 개발 중 IP 주소 관련 팀원마다 IP주소가 달라서 깃허브로 협업할 때 매번 고쳐야하는 번거로움이 있을 수 있다. 따라서 EC2 서버를 사용하거나, txt파일에 본인 IP주소 적어놓고 불러오는 방식(gitignore에 이 파일 추가)을 고려하는 중이다. 2. spring과 flask 연결방식 spring과 flask를 사용할 때 포트번호를 다르게 해서 이용하기 더보기 flask-springboot data 전송 방법 관련 자료 https://www.programmersought.com/article/2788744056/ https://yanoo.tistory.com/14 https://pypi.org/project/pyctuator/ 3. 데이터베이스 테이블 여러개 사용하기 테이블을..

[웹 3팀] 1. Create, Read, Update 기능 구현해보기

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

[웹 2팀] 2. 웹 토이프로젝트에서 사용한 어노테이션 의미 알기

웹 토이프로젝트의 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..