'상세처리'에 해당되는 글 2건
![](https://blog.kakaocdn.net/dn/58iW6/btszvDJCTkG/scqtPQYVwDd70kSuwZPpy1/img.png)
vue + jpa project (13) - 게시판 첨부파일 처리(이미지)
게시판에서 첨부를 할 수 있는 기능을 적용시켜 보겠다. 사실 실제 프로젝트에서는 멀티로 다양하게 첨부할 수 있는 기능을 만들겠지만 여기서는 맛보기?로 간단하게 처리할 수 있게만 만들려고 한다. 이것을 가지고 보다 다양한 방식으로 확장해나가면 좋을 듯 한다. (사실 많이 바꾸기도 해야한다 ^^;;) 1. 우선 application.yml에 첨부와 관련된 내용을 아래와 같이 추가한다. 그리고 파일 경로 폴더가 없다며 미리 생성을 시키도록 한다. (백엔드에서 폴더를 자동생성이 아닌경우)spring: # 이 줄은 위에 이미 정의되어 있어서 추가시에는 생략해도 된다. servlet: multipart: max-file-size: 8MB # 첨부가능한 파일사이즈 ma..
프로그램/Vue.js | 2023. 10. 31. 11:38
![](https://blog.kakaocdn.net/dn/clYQrM/btszpzf3d9A/JWWPk2DnEVtK4gfDBfKqFK/img.png)
vue + jpa project (12) - 게시판 등록, 상세, 수정, 삭제
게시판 리스트 처리가 마무리되어서 등록, 상세, 수정, 삭제를 진행해본다. 우선 신규등록과 상세보기 기능에 맞는 vue파일을 먼저 (views/board/ 아래)생성하고 board 라우터에 모두 등록한다.// board.jsimport BoardList from '@/views/board/BoardList.vue'import BoardDetail from '@/views/board/BoardDetail.vue'import BoardWrite from '@/views/board/BoardWrite.vue'export const BoardRouters = [ { path: '/board/list', name: 'BoardList', component: BoardList, }, { ..
프로그램/Vue.js | 2023. 10. 30. 15:04
RECENT COMMENT