[079] Spring+Vue: 게시판 수정

 

2024.09.03(화)
 
Spring+Vue 6일차

 

SQL문 중에 SELECT에 limit 추가해서 페이지네이션 구사

그리고 offset, amount를 관리하는 것도 배울 예정이다.

 

현재 페이지를 강조하려면 어떻게 해야할까?

=> 라이브러리 이용할 예정

 

이번 Til의 부족한 부분은 내일 채울 예정!

오늘 어떤 내용을 배웠는지 기록용임

 

---

 

Spring + Vue

 

 

프로젝트 준비

• CH01.1 프로젝트 준비-백엔드
• CH01.2 프로젝트 준비-프론트엔드

회원관리

• CH02.1 회원관리-회원가입
• CH02.2 회원관리-로그인,로그아웃
• CH02.3 회원관리-정보 수정
• CH02.4 회원관리-비밀번호 변경

게시판

• CH03.1 게시판-백엔드
• CH03.2 게시판-프론트엔드
• CH03.3 인증 가드
• CH03.4 게시판-페이지네이션

 

---

CH03.2 게시판 - 프론트엔드(게시글 수정)

 

게시판 - 수정

pages/board/BoardUpdatePage.vue

 

• .find(람다함수): 요소 참조 리턴
• .findIndex(람다함수): 요소의 인덱스 반환
• 이벤트핸들러 추가(@click="back", @click="reset" 등)

#첨부파일 삭제 메카니즘 확인해보기 !

 

pages/board/BoardUpdatePage.vue

 

 

 

 

member에서 인증이 필요한 것

 

 

• or 연산자는 제일 처음 들어왔을 때!
• 게시판 메뉴 들어갔을 때, page, amount 없음 → 이 경우를 처리하는 것