axios
-
(국비교육) 77 - Spring boot + vue 게시판 만들기 3 ( 수정하기 + 삭제하기)개발/국비교육 2023. 9. 21. 12:25
■ 수정 삭제 버튼 만들기 (sep19) 수정 삭제 버튼을 만들어준다. https://www.bottlehs.com/vue/vue-js-axios-%EB%B0%8F-rest-api-%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9C-crud-%EA%B5%AC%ED%98%84/ Vue Js Axios 및 Rest Api 를 활용한 CRUD 구현 Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이며,Ajax를 통해서 서버에 요청을 한 www.bottlehs.com 메소드에 deletepost() 메서드를 만들어준다. detail 에 있는 bno 값 제대로 불러지는 ..
-
(국비교육) 75 - Spring boot + vue 게시판 만들기개발/국비교육 2023. 9. 19. 12:50
■ Spring boot + vue 게시판 만들기 (sep19) vue create sep19 로 만들기 4개 선택하고 생성해준다. 보드 컨트롤러 생성해주기 서비스와 DAO 도 생성해준다. DAO 는 인터페이스로 생성 메퍼도 만들어준다. DAO 경로도 설정해준다. 프로퍼티 설정해준다. json 추가해주기 찍어주고 내보내는 것 전체 만들기 위해 @RestController 넣어준다. 여러개의 객체를 동시에 내보내기 위해 배열로 담아서 내보낸다. 메퍼도 설정해준다. 다음과 같이 화면에 출력된다. * 에러해결 뒤에 서버를 내가 사용하는 서버가 아닌 기본 세팅 서버로 넣고 돌려서 에러가 났다. 사용 서버로 변경해주니 에러가 해결되었다. 데이터 가져오는 다리 역할을 하는 것을 설치해준다. 즉 스프링 부트에서 값 ..