기타(32)
-
Virtual DOM
DOM이란 DOM은 Document Object Model의 약자로, 구조화된 문서를 표현하는 방법을 말합니다. HTML, XML 등에서 데이터를 표현하거나 상호작용하는데 사용됩니다. 웹 브라우저는 DOM을 사용하기 때문에 우리는 JavaScript와 CSS를 사용해서 상호작용할 수 있습니다. 브라우저의 작업 흐름 (1) DOM Tree가 생성됨 - 브라우저가 HTML 파일을 수신하면 렌더 엔진은 해당 파일을 구문 분석하고 HTML 요소와 1:1 관계를 가지는 Node의 DOM Tree를 생성합니다. (2) Render Tree가 생성됨 - 인라인 스타일 구문과 외부 CSS 파일의 스타일이 구문 분석이 되며, DOM Tree의 node와 함께 Render Tree를 만드는데 사용됩니다. (3) Layou..
2020.06.08 -
Vue.js
Vue.js란 Vue.js는 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크입니다. Vue.js는 다른 프론트엔드 프레임워크보다 배우기 쉽다는 장점이 있습니다. React와 Angular라는 프레임워크의 장점들을 모아 더우 빠르고 가볍게 만든 프레임워크입니다. Vue.js의 특징 MVVM 패턴 위 그림에서 보이듯이, MVVC 패턴이란 화면을 모델(Model) - 뷰(View) - 뷰 모델(ViewModel)로 구조화하여 개발하는 방식을 의미합니다. 이러한 방식으로 개발하는 이유는 화면의 요소들을 제어하는 코드와 데이터 제어 로직을 분리하여 코드를 더 직관적으로 이해할 수 있고, 추후 유지 보수가 편해지기 때문입니다. 뷰(View): 사용자에게 보이는 화면 돔(DOM): HTML 문서에 들어가는 요소..
2020.06.05 -
Rabbit MQ
1. Rabbit MQ란 Rabbit MQ란 AMQP를 구현한 메시지 브로커입니다. AMQP라는 표준 MQ 프로토콜로 만들어져 있고 Cluster 구성이 쉽고 Manage UI가 제공되며 무엇보다 성능이 뛰어나다고 알려져 있습니다. 또한 다양한 plugin도 제공되어 확장성이 뛰어나며 Spring에서도 AMQP 연동 라이브러리가 제공되어 편리하게 연동하여 사용이 가능합니다. 특징 ISO 표준 AMQP 구현 비동기 처리를 위한 메시지 큐 브로커 Erlang과 java언어로 만들어짐 분산 처리를 고려한 메시지 큐 고가용성 보장 Pub/Sub 모델 형식 다양한 plugin 지원 주요 옹어 Producer: 메시지를 보내는 Application Publish: Producer가 메시지를 보냄 Queue: 메시지..
2020.05.13 -
Kafka
1. Apache Kafka란 Apache Kafka란 대용량의 실시간 로그 처리에 특화되어 설계된 메시징 시스템입니다. Kafka는 Pub/Sub 모델을 기반으로 동작하며 크게 producer, consumer, broker로 구성됩니다. 그림으로 표현하면 아래와 같이 나타납니다. Producer: 데이터를 발생시키고 Kafka Cluster에 적재하는 프로세스 Kafka Cluster: 카프카 서버로 이루어진 클러스터 Broker: 카프카 서버 Zookeeper: 분산 코디네이션 시스템으로, Kafka Broker를 하나의 Cluser로 코디네이팅하는 역할을 하며, Cluster의 Leader를 발탁하는 방식을 제공 Topic: Kafka Cluster에 데이터를 관리할 때 그 기준이 되는 개념. T..
2020.05.08 -
Message Queue
1. Message Queue Message Queue란 비동기 메시지를 사용하는 다른 응용프로그램 사이의 데이터 송수신을 구현한 시스템을 의미합니다. 사용자가 많아져서 웹 요청이 증가하면 요청에 대한 응답을 기다리다가 대기 시간이 지연되어 서비스를 정상적으로 제공하지 못하게 됩니다. 이런 상황을 해결하기 위해 기존에 분산되어 있던 데이터 처리를 한 곳에 집중하면서 Message Broker를 두어서 필요한 프로그램에 작업을 분산시키는 것이 Message Queue의 목적입니다. 이러한 Message Queue는 별도의 공정 작업을 연기할 수 있는 유연성을 제공하여 Service Oriented Architecture의 개발에 도움을 줄 수 있습니다. 2. Message Queue의 장점 비동기: Que..
2020.05.08 -
Pub/Sub 모델
1. Pub/Sub 모델이란 Pub/Sub 모델은 Publish/Subscribe의 줄임말로 메시지 기반의 미들웨어 시스템을 말합니다. 일반적으로 메시지를 전송할 때는 publisher(sender)가 subscriber(receiver)에게 직접 메시지를 전송합니다. 하지만 Pub/Sub 모델에서는 publisher는 어떤 subscriber가 있는지 모르는 상태에서 메시지를 전송하고 subscriber는 publisher에 대한 정보 없이 자신의 Interest에 맞는 메시지만을 전송 받는 것을 말합니다. 위의 그림을 보면 sensor는 어떤 기기가 메시지를 받을지 모르는 상태에서 MQTT로 데이터를 전송합니다. 그리고 MQTT는 temperature가 필요한 기기들에게 메시지를 전송합니다. 이처럼 ..
2020.05.07