일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- Security
- Repository
- Kotlin
- BEAN
- 캐시
- Singleton
- JPA
- HTTP 메서드
- di
- HTTP
- Stateless
- thymeleaf
- Spring
- Excel
- dependency injection
- 프로토타입
- javascript
- Java
- DB
- Setter
- VUE
- 로그인
- Vue.js
- 의존성 주입
- vue-cli
- vuex
- js
- 싱글톤
- 라이프 사이클
- cache
- Today
- Total
목록Spring & Vue.js (6)
jhhan의 블로그
스프링으로 엑셀 다운로드 3편입니다. 이렇게까지 오래 다룰 줄은 몰랐네요. 그래도 오류가 있다면 고쳐야겠죠 지난번까지 진행을 한다면 오류가 생기는 것을 볼 수도 있습니다(?) 이런 에러가 뜨는 것을 볼 수 있습니다. (사실 에러는 아니네요. warning이군요) 그리고 지금까지 createTempFile을 사용했기 때문에... 이런 로직을 계속 진행하면 val file = File.createTempFile("testExcel_", ".xlsx") 로컬 컴퓨터 혹은 서버로 사용되는 컴퓨터에 계속해서 temp 파일이 쌓이게 됩니다.. 그걸 계속해서 지워주지 않는다면, 컴퓨터의 용량을 언젠가는 굉장히 많이 차지하게 될 것입니다. 그걸 방지해줘야 합니다. 방법은 createTempFile로 생성된 임시파일을 ..
이번 포스트는 저번 엑셀 다운로드에서 발생할 수 있던 에러를 수정해보려고 합니다. 저번에 마지막에서 void로 리턴값을 해놨지만, Vue.js에서는 잘 받아서 진행한다고 했습니다. 이번에는 정석적으로 리턴을 해보겠습니다. 리턴할 때 ResponseEntity를 사용하고, InputStreamResource를 바디에 담아 반환하도록 설계했습니다. 아 그리고 이번에는 갑자기 Kotlin으로 진행을 했습니다... 그래도 코틀린과 자바는 굉장히 비슷하므로, 자바를 잘 아신다면 코틀린 문법을 이해하는데 큰 어려움이 없을 것 같습니다. front코드는 변경할 것이 없습니다. 그대로 갑니다. back코드를 살펴보겠습니다. @PostMapping("/excel") fun getExcelFile(@RequestBody ..
이번 포스트는 스프링 - 엑셀 다운로드를 좀 더 그럴 듯하게 변경해서 진행합니다. 저번 엑셀 다운로드는 굉장히 간단하게만 알아봤습니다. 이번에는 backend: spring frontend: vue.js 로 진행해보려 합니다. 빠른 진행을 위해 설정은 아래 링크를 참조하면 됩니다. jhhan009.tistory.com/49?category=780121 먼저 백엔드부터 진행합니다. 모델과 컨트롤러가 중요합니다. 먼저 모델인 IntAndDouble 클래스를 만들어봅니다.(클래스 이름은 맘대로 하시면 됩니다.) public class IntAndDouble { private Integer mode; private Double affinity; private Double lb; private Double ub;..
Spring과 Vue.js를 연결해보는 예제에 대해 해보겠씁니다. 이전에 제가 backend를 Spring으로 하고 front를 Vue.js로 해서 둘을 연동하는 법을 진행했습니다. 이번에는 다른 방식으로 둘을 연동해보겠습니다. 경우에 따라서는 이 방법이 더 편하게 느낄 수도 있을 것입니다. 이번에는 back과 front 프로젝트를 따로 만들 것 입니다. 먼저 back을 만들겠습니다. 1. Back Spring 프로젝트를 만듭니다. 프로젝트의 이름을 설정합니다. Maven과 Gradle 둘 중 어느 것을 선택할 지는 원하시는 쪽을 하시면 됩니다. 간단한 연동만 할 것이니 저기 2개만 선택합니다. 원하시는 것을 더 추가하셔도 됩니다. 마지막으로 프로젝트 위치를 설정하시고 back 설정을 잠시 멈춰두겠습니다..
스프링-뷰 연동 2번째 포스트 입니다. 별로 적을 것이 없다고 생각해서 뭘 적을까 생각하다가 스프링과 뷰 사이의 통신을 어떻게 해야하는지에 대해 간략하게 적어보려고 합니다. 뷰에서 통신은 axios를 사용해서 합니다. 이를 응용해서 axios를 통해 spring으로 데이터를 보낸 후 다시 뷰로 받는 방식에 대해 써보겠습니다. 먼저 axios를 사용하기 위해 다음과 같은 작업을 합니다. 터미널에 'vue add axios'를 입력하시면 자동으로 axios가 추가됩니다. 이제부터는 axios를 사용하실 수 있습니다. 먼저 프론트부터 보겠습니다. Click {{a}} 이렇게 간단한 코드가 있습니다. 1이나 2 혹은 그 외의 것을 입력하는 경우에 따라 다르게 나타나도록 할 것입니다. methods 부분에서 ax..
이번에는 Spring과 Vue.js를 연동해보겠습니다. 그러면 Spring은 Backend가 되고, Vue.js는 frontend가 되게 됩니다. 프로젝트를 만드는 방법은 다양하지만, 저는 스프링 프로젝트를 먼저 만든 후 Vue-cli를 적용할 것입니다. 먼저 스프링 프로젝트를 만듭니다. 저는 다음과 같은 Dependency를 포함해서 넣었습니다. 넣고 싶은 것을 넣으면 됩니다. (여기서 일단 스프링 세큐리티는 제외하시기를 권장합니다.) 그럼 다음과 같은 프로젝트 구조를 보실 수 있으실 겁니다. 그리고 실행을 한다면 실행이 안됩니다. MariaDB 설정을 안하셔서 그렇습니다. 저는 마리아DB로 했지만, 다른 dB를 원한다면 그것을 하시면 됩니다. 먼저 pom.xml 파일로 가서 다음을 추가합니다. org..