Flutter Spring-boot 연동해서 웹 페이지 만들기(to-do list)
flutter 연동 관련 정리안된 내용들
✅ 연동하는 방법이 Spring boot 에서 띄운 서버를 flutter에서 접속(fetch.get())하여 데이터 받아와서 ui까지 합해서 보여주는 방법밖에 없는건지? 내가 생각했던 방식은 백엔드는 spring-boot로, front는 flutter로 구현하는 것이었음.
==> spring boot에서 백엔드를 처리. 즉 비즈니스 로직에 필요한 데이터를 처리한다.
Flutter로는 프론트엔드를 구현. 즉 처리된 데이터를 화면에 보여주는 것.
결론:
서로 연동하기 위해서는 1) 로직에 따라 데이터를 json 타입으로 받아오거나/보내는 spring boot에서 작동하는 서버가 필요하고, 2) frontend는 이 서버로부터 받는(서버로 보내는) Json 형식의 데이터를 처리하여 사용자에게 보여줄 수 있도록 구현을 해야한다.
--- 구현 끝~.~
참고한 블로그:
How to Display Data in Flutter Using Spring Boot REST Service
Fetch data from a Spring REST service and display the results in dynamic grid cards
betterprogramming.pub
요약 : spring boot로 localhost:8080/api 띄움. 접속하면 json 으로 반환된 값만 출력됨. flutter에서 localhost:8080/api에 접속해서 ui+합해서 localhost:______ 에 새로 띄우게 됨.
* 이거 대로 따라하면 에러 나고 spring boot에서 CORS 설정을 바꿔줘야 flutter에서 접근 가능해짐.
2. https://www.youtube.com/watch?v=BpdU-nLDV78&list=PLeFUpOmPweSixYxSMLLJ8rark-CFTLPn3