오늘 할 일 :
스프링부트 - 뷰 연결
DB에서 데이터 불러와서 게시판 만들기
버전이 달라서 못따라함 - 선생님 강의 참조
@CrossOrigin
프론트와 백이 분리되어 있기 때문에 둘이 서로 같은 도메인에 있어야 통신이 가능
-> 다른 도메인일 때 접근을 허용하는 기능
뷰 - 터미널 - apr02만들고 axios 설치
BoardList.vue 만들기
확장 프로그램 깔면 기본쓰기가 쉬움
https://velog.io/@skyepodium/%EB%82%B4-%EC%B5%9C%EC%95%A0-VS-Code-%ED%99%95%EC%9E%A5-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8
시험으로 list배열 만들고 값 넣기
DB에서 불러올땐 이렇게 안해도 되지만 일단 보여줄 값을 찍어봄
테이블 만들기
App.vue에 import
이제 axios 사용해서 저 list안의 내용물을 바꿔줄 것임
then(통신에 성공) : 내 리스트에 result로 불러들여진 리스트로 교체해줘라!
catch : 에러 메시지
저 주소는 선생님이 만들어서 배포한 것임
http://172.30.1.59:3000/board
그럼 게시판이 이렇게 바뀜