분류 전체보기

기존 Vuex를 사용할 때 불편함this.$store.state.변수명을 가지게 되면 컴포넌트가 많아질수록 추적하기 어렵다. V {{ todoItem.item }} 삭제  Vue.js 스타일 가이드컴포넌트 템플릿에는 단순한 표현식만 포함하고, 복잡한 표현식은 계산된 속성이나 메서드로 리팩터링 하자템플릿에 복잡한 표현식이 있으면 선언적 표현이 줄어들기 때문또한 값을 계산하는 '방법'이 아니라 '무엇'이 표시되어야 하는지를 설명하기 위해 노력하면 계산된 프로퍼티..

Vuex란?Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 이다.애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있다. 상태 관리 패턴이란?다음과 같은 기능을 가진 앱이다.State: 컴포넌트 간에 공유하는 데이터 - data()View: 데이터를 표시하는 화면 - templateAction: 사용자 입력에 따라서 반응적으로 상태를 바꾸는 방법 - methodsnew Vue({ // 상태 data () { return { count: 0 } }, // 뷰 template: ` {{ count }} `, // 액션 methods: { increment () { this.count+..

@Async비동기 프로그램을 작성하기 위해서 복잡한 계산, I/O 작업 등 병렬로 처리하면서 시스템의 응답 시간을 개선하기 위해 혹은 리소스를 효율적으로 사용하기 위해 사용된다.스프링에서 간단하게 작성할 수 있도록 지원하는 애너테이션이다.Exception Handling@Async 메서드에서 발생하는 예외는 별도의 스레드에서 실행되기 때문에 호출자에게 전파가 되지 않는다.예외를 처리하기 위해서는 AsyncUncaughtExceptionHandler를 사용하여 예외를 처리해야 합니다. AsyncConfigurer를 구현하는 클래스AsyncConfigurerSupport를 사용한 확장은 deprecate 되었습니다. (참조)AsyncUncaughtExceptionHandler를 구현하는 클래스AsyncCon..

html을 파싱해서 썸네일 이미지를 추출해 Amazon S3에 저장해야 하는 일이 있었습니다.사이드 프로젝트 인 만큼 이미지 용량을 줄일 수 있으면 S3 비용도 아끼고 프론트 렌더링 속도 역시 개선되겠다고 생각이 들었고 resize와 webp 이미지 포맷을 사용하기로 결정했습니다. 이미지 읽기URL 정보를 통해서 이미지를 읽어와야 했었는데 Java에서 javax.imageio.ImageIO 클래스를 사용하면 쉽게 이미지를 읽고 쓸 수 있었습니다. URL 혹은 파일을 읽어서 처리가 가능합니다.BufferedImage image = ImageIO.read(new URL(이미지 주소));BufferedImage image = ImageIO.read(new File(이미지 저장 위치));java.awt.imag..

이번에 JPA를 통해서 외부 DB에서 데이터를 Read/Write를 수행하지만 Spring Batch의 메타 테이블은 분리하고 싶었습니다. Spring batch 5.0에서 @EnableBatchProcessing의 새로운 속성이 생겨 쉽게 구현할 수 있을 줄 알았습니다.Spring Batch가 구성해야 하는 dataSource 및 transactionManager를 지정할 수 있습니다. ⛔️ 주의점SpringBoot 3.0부터 @EnableBatchProcessing 혹은 DefaultBatchConfiguration을 상속받아 사용하면 AutoConfiguration이 동작하지 않습니다.더보기DefaultBatchConfiguration@EnabledBatchProcessing이 내부적으로 빈을 등록..