메모리허브

Lifecycle Hooks and Template RefsLifecycle Hooks are used to manually and timely manipulate the DOM.Vue has been handling all the DOM updates for us, due to reactivity and declarative rendering.However, inevitably there will be cases where we need to manually work with the DOM.We can request a template ref - i.e. a reference to an element in the template - using the special ref attribute:A lifec..

Declarative renderingThe core feature of Vue is declarative rendering:1 Using a template syntax that extends HTML we can describe how the HTML should look like based on JavaScript state.2 When the state changes, the HTML updates automatically.Reactive StateState that can trigger updates when changed are considered reactive.In Vue, reactive state is held in components.We declare reactive state us..

4 가지 방법1. xml - Bean 태그 이용2. XML - componentScan 사용3. Config파일을 통한 Bean 등록4. Config의 ComponentScan을 활용한 Bean 등록1. xml - Bean 태그 이용Resource 폴더에 application.xml 생성application.xmlxml코드 복사 xml 파일을 로드하여 Application 실행DemoApplication.javajava코드 복사public class DemoApplication { public static void main(String[] args) { ApplicationContext context = new ClassPathXmlApplication..

Quartz를 이용한 분산 처리 방법과 Quartz, Spring Batch 기본 테이블 ERD와 설명컴퓨터 클러스터란?컴퓨터 클러스터는 여러 대의 컴퓨터들이 연결되어 하나의 시스템처럼 동작하는 컴퓨터들의 집합을 의미합니다. 클러스터는 분산 처리를 통해 작업을 효율적으로 수행할 수 있도록 합니다.Quartz를 이용한 분산 스케줄링Quartz에서는 분산된 시스템을 하나로 동작하게 하기 위해 스케줄링 시스템을 데이터베이스(DB)화하여 관리합니다.기존 방식기존에는 메모리에 스케줄을 담고 있어, 여러 서버에서 동일한 소스로 구동 시 각각의 스케줄러가 동작하여 충돌 문제가 발생할 수 있습니다.클러스터 방식이를 해결하기 위해 스케줄을 DB에 담고, 각 서버는 DB에 저장된 정보를 기반으로 동작하게 됩니다. 하나의 ..

A 기본 세팅 getbootstrap.com/docs/4.5/getting-started/introduction/ -viewport tag는 모바일 스케일링에 필요 Hello, world! Data attributes -only one set of data attribute can be used per element. Events -custom events can be used for unique action. $('#myModal').on('show.bs.modal', function (e) { if (!data) { return e.preventDefault() // stops modal from being shown } }) Programmatic API -Bootstrap plugins can b..