본문으로 건너뛰기
김신건의 로그

애니메이션

총 383개 · 13 / 16 페이지 · 289–312

본문 코드 펜스로 삽입: ```anim:<id>

태그로 필터 (697)
Load Balancer Round-Robin 6.0s

Load Balancer 가 요청을 서버 풀에 라운드 로빈으로 분산

🏛 아키텍처 load-balancer
7 elements · 9 chapters
#load-balancer #round-robin #distribution
Microtask Queue 의 동작 13.0s

한 틱에 큐를 비울 때까지 전부 처리한다. 중간에 새로 추가되어도 같은 틱 안에서 처리. 그래서 Promise.then 이 setTimeout 보다 항상 먼저.

🏛 아키텍처 microtask-queue-detail
10 elements · 7 chapters
#javascript #microtask #promise #event-loop
NPU 내부 구조, SoC 통합 + 양자화 가속 12.5s

NPU 는 스마트폰 SoC 안에 CPU/GPU 와 함께 통합된다. Tensor + Vector + Scalar 가속기 + Shared Memory 구조이며, INT4/INT8 양자화 회로로 와트당 효율을 극대화.

🏛 아키텍처 npu-internals
14 elements · 6 chapters
#npu #soc #quantization #edge-ai +1
Oracle 메모리 구조, SGA · PGA · Work Area 10.0s

SGA는 인스턴스 전체가 공유, PGA는 서버 프로세스마다 사적. 정렬·해시 연산은 PGA 안의 Work Area를 사용한다.

🏛 아키텍처 pga-architecture
21 elements · 5 chapters
#oracle #pga #sga #memory +1
PostgreSQL BitmapOr Scan 7.0s

여러 인덱스의 비트맵을 OR로 합쳐 테이블을 효율적으로 읽는 과정

🏛 아키텍처 bitmap-or-scan
17 elements · 3 chapters
#postgresql #bitmap #index
Pub/Sub Bus, 분산 서버 간 메시지 라우팅 12.0s

Client A 가 보낸 메시지가 다른 서버에 연결된 Client B 에게 어떻게 전달되는지. Server 는 자기 클라이언트만 알면 되고, Bus 가 서버 간 라우팅을 담당한다.

🏛 아키텍처 pubsub-bus
17 elements · 6 chapters
#pubsub #messaging #redis #websocket +1
Rails DatabaseSelector: HTTP 메서드 기반 DB role 라우팅 13.0s

GET/HEAD는 reading role(replica), 그 외는 writing role(primary). 쓰기 직후 delay 동안은 GET도 primary로 강제.

🏛 아키텍처 rails-db-role-routing
14 elements · 5 chapters
#rails #activerecord #database #read-replica
Stateless vs Stateful, 로드밸런서와 서버 사이 13.0s

Stateless 서버는 같은 요청을 어느 서버로 보내도 OK. Stateful 서버는 같은 클라이언트를 같은 서버로 보내야 (sticky session). 장애 시 차이도 명확하다.

🏛 아키텍처 stateless-vs-stateful
17 elements · 5 chapters
#stateless #stateful #sticky-session #load-balancing
Systolic Array, TPU 가 행렬 곱셈을 수행하는 방식 12.0s

Systolic Array 는 입력이 박동(systolic)처럼 격자를 가로질러 흐르며 각 PE 에서 곱셈+누적을 수행하는 구조. 가중치는 각 PE 에 고정, 활성화는 좌→우로 흐른다.

🏛 아키텍처 systolic-array
19 elements · 6 chapters
#tpu #systolic-array #matrix-multiply #hardware
Task Queue (매크로태스크 큐) 의 동작 13.0s

한 틱에 한 개만 꺼낸다. FIFO. setTimeout, DOM 이벤트, setInterval 콜백이 들어온다. 매 콜백 사이마다 마이크로 큐가 비워진다.

🏛 아키텍처 task-queue-detail
12 elements · 5 chapters
#javascript #task-queue #macrotask #event-loop
TPU 내부 구조, TensorCore 와 MXU 12.5s

TPU 칩 안에는 TensorCore 가 1개 이상 있고, 각 TensorCore 는 MXU(Matrix Multiply Unit), Vector Unit, Scalar Unit, Unified Buffer 로 구성된다.

🏛 아키텍처 tpu-internals
13 elements · 6 chapters
#tpu #tensorcore #mxu #architecture +1
VM vs Container: 스택 비교 15.0s

VM은 게스트 커널까지 각자 갖고, Container는 host 커널을 공유한다. 이것이 부팅 속도, 메모리, 격리 강도의 차이를 만든다.

🏛 아키텍처 virt-vm-vs-container-stack
21 elements · 5 chapters
#virtualization #container #docker #vm +1
Von Neumann 사이클, Fetch-Decode-Execute-Writeback 11.0s

모든 현대 컴퓨터의 기본 동작 패턴. CPU 가 메모리에서 명령어를 가져오고 (fetch), 해석하고 (decode), 실행하고 (execute), 결과를 저장한다 (writeback). 매 명령어가 이 4단계를 거친다.

🏛 아키텍처 von-neumann-cycle
16 elements · 5 chapters
#cpu #von-neumann #fetch-decode-execute #instruction-cycle
Web API, 호스트의 백그라운드 처리 13.0s

타이머, fetch, DOM 이벤트 같은 비동기 작업은 JS 엔진이 아니라 브라우저 (또는 Node.js) 가 별도 스레드로 처리하고, 완료 시 콜백을 큐에 보낸다.

🏛 아키텍처 web-api-detail
11 elements · 5 chapters
#javascript #web-api #browser #host
객체 메서드 트릭, '.' 가 this 를 결정한다 13.0s

Symbol 키로 callback 을 context 의 임시 메서드로 부착한 뒤 호출하면 this 가 자동으로 context 가 되는 원리.

🔀 흐름 foreach-object-method
14 elements · 6 chapters
#javascript #this #symbol #method
격리 수준 × 이상 현상 매트릭스 12.0s

4가지 ANSI 격리 수준이 어떤 anomaly 를 방지하고 어떤 것은 허용하는지 시각적 매트릭스. 실제 엔진 (PostgreSQL / MySQL) 의 차이도 표시.

🔀 흐름 tx-isolation-matrix
38 elements · 4 chapters
#transaction #isolation #ansi #postgresql +1
마이크로태스크 폭주, 같은 동작 두 방식의 차이 12.0s

Promise.then 으로 자기 자신 등록 → 큐가 빈 적이 없어 렌더링 정지. setTimeout 으로 자기 자신 등록 → 매 틱마다 한 번씩, 렌더링 OK.

🔀 흐름 microtask-runaway
8 elements · 4 chapters
#javascript #microtask #event-loop #performance
마이크로태스크 vs 매크로태스크 14.0s

동일한 시점에 등록해도 마이크로태스크 큐가 먼저 비워진다. Promise.then 이 setTimeout 0 보다 항상 먼저인 이유.

🔀 흐름 microtask-vs-macrotask
7 elements · 7 chapters
#javascript #event-loop #microtask #macrotask
콜백 지옥, 들여쓰기 피라미드 13.0s

순차 의존 비동기를 콜백으로 연결하면 들여쓰기가 오른쪽으로 깊어진다. Promise / async-await 로 평탄하게 펼 수 있다.

🔀 흐름 callback-hell
10 elements · 6 chapters
#javascript #callback-hell #anti-pattern
콜백의 왕복, 등록 → 비동기 작업 → 호출 11.0s

loadUser(id, callback) 패턴. 호출자가 콜백을 등록하면, 받은 쪽이 비동기 작업이 끝날 때 callback(err, result) 형태로 호출한다.

🔀 흐름 callback-flow
8 elements · 5 chapters
#javascript #callback #async
AbortController, 비동기 작업의 취소 신호 12.0s

controller.signal 을 fetch 같은 비동기 API 에 전달. controller.abort() 호출 시 signal 이 전파되어 작업이 AbortError 로 reject 된다.

🔀 흐름 abort-controller
10 elements · 6 chapters
#javascript #abort #fetch #cancellation
ArrayBlockingQueue, 원형 배열 + 단일 락 13.0s

ArrayBlockingQueue 가 원형 배열과 takeIndex/putIndex 로 고정 크기 FIFO 를 구현하고, 단일 ReentrantLock 으로 put 과 take 를 직렬화.

🔀 흐름 java-abq-circular
15 elements · 5 chapters
#java #arrayblockingqueue #blocking-queue #circular-buffer
AsyncIterator, for-await-of 의 흐름 13.0s

async function* 는 yield 마다 값을 흘려보낸다. for-await-of 는 다음 값을 기다렸다가 받는다. 백프레셔가 자연스럽다.

🔀 흐름 async-iterator
11 elements · 7 chapters
#javascript #async-iterator #generator #for-await-of
AtomicInteger, CAS 루프와 경쟁 13.0s

AtomicInteger.incrementAndGet 의 내부 CAS 루프, 두 스레드 동시 증가 시 한 쪽이 성공/한 쪽이 실패 후 재시도하는 과정.

🔀 흐름 java-atomic-cas
9 elements · 5 chapters
#java #atomic #atomic-integer #cas +1

사이트 검색 / 명령어

검색

스크롤 = 확대/축소 · 드래그 = 이동 · 0 = 원래 크기 · ESC = 닫기