240402 Vue(6)

·2024년 4월 3일
0

중앙수업일지

목록 보기
7/15

오늘 할 일 :
스프링부트 - 뷰 연결
DB에서 데이터 불러와서 게시판 만들기

springboot에서 jar파일 만들기

버전이 달라서 못따라함 - 선생님 강의 참조

@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안의 내용물을 바꿔줄 것임

mounted] https://velog.io/@leeyw2709/Vue-%EB%9D%BC%EC%9D%B4%ED%94%84%EC%82%AC%EC%9D%B4%ED%81%B4-%ED%9B%85-created-mounted-%EC%B0%A8%EC%9D%B4

then(통신에 성공) : 내 리스트에 result로 불러들여진 리스트로 교체해줘라!
catch : 에러 메시지

저 주소는 선생님이 만들어서 배포한 것임
http://172.30.1.59:3000/board

그럼 게시판이 이렇게 바뀜

0개의 댓글

관련 채용 정보