계란 블로그

메시지 브로커(Message Broker): 송신자의 메시지 프로토콜 형식으로부터의 메시지를 수신자의 메시지 프로토콜 형식으로 변환하는 중간 컴퓨터 프로그램 모듈이다. 메시지 브로커들은 응용 소프트웨어가 이전에 정의해둔 메시지를 교환할 수 있는 전기 통신의 요소 또는 컴퓨터 네트워크이다. 송신자(Publisher)로부터 받은 메시지를 수신자(subscriber)로 전달해주는 중간 역할을 한다. 응용 소프트웨어 간에 메시지를 교환할 수 있도록 한다. 메시지가 적재되는 공간을 Message Queue 라고 한다. 메시지 그룹을 topic이라고 한다. Ex) Apache Kafka, Rabbit MQ, Redis 메시지 브로커와 이벤트 브로커의 차이점 매시지 브로커는 이벤트 브로커 역할 가능하지만 이벤트 브로..

Vue 의 다양한 사용 방식 Standalone script Embedded Web Components Single Page Application fullstack / SSR JAMStack / SSG Beyond the web Vue 2.xx => Vue 3.xx 변한 부분 Composition API: Vue2에서 쓰던 방식과 호환된다. 기존에 쓰던 Options API를 대체한다. 혹은 두 개를 같이 쓸 수도 있지만 강사님은 둘 중 하나 선택하는 것을 권장하신다. SFC(Single File Component) 위 두 가지가 등장했다. 다양해지고 체계가 생겼다. Global API: 애플리케이션을 만들 때 new Vue() 를 이용했던 부분이 createapp() 이라는 정적 메소드를 이용해서 만들..

DOM(윈도우) 프로그래밍과 MVW 방식의 차이 Ex) 다음과 같이 클릭하면 덧셈이 되도록 하는 경우 그런데 이 코드를 아래와 같이 표현 가능하다. 노드를 조작하는 코드를 제거한다. document 객체 아래와 같이 모델만 남는다. x, y, z 라는 모델을 뷰에 바인딩한다? 연결된 변수가 모델이다. vue 프레임워크를 쓰면 DOM을 안 써도된다. MVC 패턴의 이해 mvc는 1970년대에 시작됐다. Model 기반의 코드 Smalltalk(객체 지향 언어의 일종)를 이용해서 윈도우를 만들었다. 누군가 데이터를 수정하면? 데이터가 변했다는 걸 인지하고 다른 화면도 바뀌도록 한다. 전체적인 UI 관리가 더욱 쉬워졌다. 출력할 변수(모델)을 이미 마련한 코두와 그렇지 않은 코드 비교하기 왼쪽: 제어와 출력이..

사전 지식 HTML / CSS JavaScript(ES56) DOM 프로그래밍 JSX/TSX Typescript NodeJS - 모듈, npm이해하기 SPA(Single Page Application) 페이지 요청은 한 번만 하고 그 다음부터는 데이터만 요청하는 방식으로 바뀌었다. Vue.js는 Angular.js의 장점만 가지고 나왔다. 여러 기능도 추가했다. 예전에는 JavaScript와 Ajax 없이 HTML 기능만을 이용해서 이뤄졌다. 클라이언트가 요청할 때마다 서버가 새로운 페이지를 보낸다. 서버와 클라이언트 모두 비효율적이다. 최근에는 JavaScript와 Ajax까지 사용한다. 서버는 클라이언트에 맨 처음 요청에만 페이지를 보내고 그 다음부터는 필요한 데이터만 보내준다. 사용성이 좋아진다. ..