1. 상세페이지 구현
vue-table에서 각 열을 클릭하면 해당 글의 세부페이지로 이동되게 구현한다.
<v-data-table>을 사용하여 클릭 이벤트를 넣는데 문제가 생겼다.
-> data-table 자체에 모달을 삽입했기 때문
v-slot을 사용해서 직접 행을 그려준 뒤, 거기에 클릭 이벤트와 모달을 작성해주자
8. 상세페이지 출력 (springboot + vue 6)
상세페이지를 만들기 전 vue-table에서 각 열을 클릭하면 해당 글의 세부페이지로 이동되게 구현한다. (페이지가 넘어갈때 id도 함께 넘겨주자) v-slot을 사용하여 직접 테이블 열을 만들어서 클릭
dwc04112.tistory.com
2. 로그인 페이지 구현
상세페이지 구현이 끝나면 할 일. (JPA로 CRUD를 구현한 springboot에 적용해보기)
Login시 (status === 200) Store에 token값을 저장하고 가져오는 부분까지 성공했다.
위 사진은 store에서 console.log로 확인한 state에 저장된 token값
vuex를 사용하기 위해 여러 블로그를 찾아봤고 삽질도 엄청 많이했다. 아래 블로그를 보고 공부할 예정이다
Vuex란? 개념과 예제
📢 들어가기 전에 이번 포스팅에선 Vuex가 무엇인지 알아보고, 간단한 예제를 구현해본다. Vue CLI로 설치한 Vue.js 프로젝트 환경에서 진행했다. Vuex를 시작하기 전에, 아래 방법으로 Vue.js 프로젝트
doozi0316.tistory.com
꽤 오랫동안 로그인 구현 코드를 찾아본것 같지만 아직까지 진행도가 너무 낮다
이제 저장한 token을 담아서 요청을 해보고 성공한다면 다음주던 다다음주던 글을 올려보겠다
