이번주 목표 (27) 썸네일형 리스트형 1월 2주차 1. Member & Board table 변경 (관계 컬럼) 2. 이번주 추가한 내용 글 작성 Springboot & vue 글 수정 Springboot & vue 글 삭제 Springboot & vue 3. after.. 게시글 조회수 (중복방지 기능 구현) 사용자 로그아웃 등 상태관리, 엑세스토큰 + 리프레쉬 토큰 적용? 마이페이지 프로필 사진 (답글기능은 필요가 없을 것 같음) 2022/1월 1주차 할 일 마이페이지 완성하기 글 삭제 추가 완성하기 수정1 기존 불러오는 데이터에 id 추가 -> memberController에도 추가 수정2 member Controller 의 getUserInfo HashMap 제거하고 그냥 Member 리턴 수정3 1. Vue에서 수정할 정보를 MemberController에서 전달받아 해당정보 수정 2. Controller -> MemberRepository JPA업데이트 쿼리 작성 (Modifying & Transactional 어노테이션을 붙이지 않으면 에러발생) 3. 업데이트 성공시 메시지 출력 & Vue-userStore에 이전에 저장된 닉네임을 수정된 닉네임으로 변경 수정4 $router.push 로 이동시 mounted가 실행되지 않음. 인터셉터를 통해.. 12월 3주차 ~4주차 회원가입 구현하기 (변경) 로그인 되어있는 사용자 이름 or 닉네임(추가해야함) 으로 작성자명 설정 (추가) Vue 회원가입 페이지 로그인 정보 (마이페이지) 구현 (추가) Vue 마이페이지 -> vue.store에서? spring에서? 정보 가져올지 글 쓰기 (추가) Vue 글 쓰기 페이지 12월 2주차 12월 2주차 할 일 Springboot + Vue JWT방식 로그인 기능 구현 11 로그인기능 2 1. Vuex로 상태 관리 1-1 store / modul 2. 인증 토큰 2-1 토큰 발급받아 state에 저장하기 (Login) 2-2 HTTP 헤더에 인증토큰 실어서 보내기 JWT방식으로 인증을 하여 List를 불러오는데 성공했다 Bearer Authen.. dwc04112.tistory.com Vuex의 속성 11월 5주차 - 12월 1주차 1. 상세페이지 구현 vue-table에서 각 열을 클릭하면 해당 글의 세부페이지로 이동되게 구현한다. 을 사용하여 클릭 이벤트를 넣는데 문제가 생겼다. -> data-table 자체에 모달을 삽입했기 때문 v-slot을 사용해서 직접 행을 그려준 뒤, 거기에 클릭 이벤트와 모달을 작성해주자 8. 상세페이지 출력 (springboot + vue 6) 상세페이지를 만들기 전 vue-table에서 각 열을 클릭하면 해당 글의 세부페이지로 이동되게 구현한다. (페이지가 넘어갈때 id도 함께 넘겨주자) v-slot을 사용하여 직접 테이블 열을 만들어서 클릭 dwc04112.tistory.com 2. 로그인 페이지 구현 상세페이지 구현이 끝나면 할 일. (JPA로 CRUD를 구현한 springboot에 적용해보기.. 11월 4주차 1. Vue.js+Springboot로 게시판 리스트 구현하기 7. Vue + Springboot 게시판 Vuetify를 사용한 게시판 어찌저찌 Springboot에서 데이터를 가져와서 Vue를 통해 보여줬다. Vuetify를 사용하니 게시판 형태를 구현하기가 너무 쉬워서 깜짝놀랐다 그리고 Springboot에서 구현한 page를 나 dwc04112.tistory.com 2. Maven과 Gradle 대표적인 빌드 관리 툴에 대해서 11월 3주차 1. Vue.js 공부 vue.js & springboot 1~6 : https://dwc04112.tistory.com/129 6. Vue + Springboot 연동 4 axios 통신 이번 연습에는 서버에서 boardList를 받아와서 원하는 내용 보여주자 Home.vue {{user.content}} v-for 지시문으로, for문을 돌려 users를 탐색하여 content를 보여준다. Script data()안에 users 배열.. dwc04112.tistory.com 2. Maven과 Gradle 대표적인 빌드 관리 툴에 대해서 11월 1주차 몇 가지 기능 추가 1. 검색기능 아래의 BoardJpa에서 구현한 검색 옵션기능을 추가하고 싶은데 Postman로 프론트엔드를 구현해서 보기 힘들 듯 8- JSP 게시판 (검색기능) ::구현방식 Jsp boardList에 새로운 폼을 만들었다. select를 사용하여 제목,내용, 작성자 옵션을 선택 가능하게 하고, 검색하고자 하는 키워드를 입력하면 select한 옵션에 따라 키워드를 검색한다. Cmd dwc04112.tistory.com 구현한 검색기능 62 : 검색기능 + 카테고리 (SpringbootAPi + JPA) 카테고리(제목/내용/작성자)를 선택 후 검색하는 기능을 만들어보자. 위 사진은 Jspmvc에서 구현한 모습이다. SpringbootApi는 Postman가 클라이언트 역할을 하므로 값.. 이전 1 2 3 4 다음
