Web
-
Subnetworks and SubnettingWeb/Network 2020. 3. 6. 20:47
1. Overview A subnetwork or subnet is a logical subdivision of an IP network.:1,16 The practice of dividing a network into two or more networks is called subnetting. Computers that belong to a subnet are addressed with an identical most-significant bit-group in their IP addresses. This results in the logical division of an IP address into two fields, the network number or routing prefix and the ..
-
Dynamic Adaptive Streaming over HTTPWeb/Protocol 2020. 2. 24. 00:00
1. Overview Dynamic Adaptive Streaming over HTTP (DASH), also known as MPEG-DASH, is an adaptive bitrate streaming technique that enables high-quality streaming of media content over the Internet delivered from conventional HTTP web servers. Similar to Apple's HTTP Live Streaming (HLS) solution, MPEG-DASH works by breaking the content into a sequence of small HTTP-based file segments, each segme..
-
WebSockets vs Long PollingWeb/Protocol 2020. 2. 23. 22:21
1. Overview Sometimes we need information from our servers as soon as it’s available. The usual AJAX request/response we’re all used to doesn’t keep the connection open for this sort of use case. Instead, we need a push-based method like WebSockets, Long Polling, Server-sent events (SSE) and more recently HTTP2 push. In this article, we compare two methods: WebSockets and Long Polling. 2. Long P..
-
QUICWeb/Protocol 2020. 2. 23. 17:11
1. Overview Among other applications, QUIC improves the performance of connection-oriented web applications that are currently using TCP. It does this by establishing a number of multiplexed connections between two endpoints over the User Datagram Protocol (UDP). This works hand-in-hand with HTTP/2's multiplexed connections, allowing multiple streams of data to reach all the endpoints independen..
-
Browser Rendering ProcessWeb/DOMBrowser 2020. 2. 23. 15:09
1. Description 1.1 Render Tree With the two processes of parsing concluded and with DOM and CSSOM defined, the browser creates a render tree. A render tree is another tree internally stored by the browser and used to represents visual elements. The elements inside are ignored as well as elements defined with display: none. However is worth remembering that elements with visibility: hidden are st..
-
Event bubbling and capturingWeb/DOMBrowser 2019. 9. 29. 01:40
1. Overview 1.1 Event Bubbling When an event happens on an element, it first runs the handlers on it, then on its parent, then all the way up on other ancestors. 1.2 Event Capturing There’s another phase of event processing called “capturing”. It is rarely used in real code, but sometimes can be useful. 2. Event Bubbling Description 2.1 Example Let’s say we have 3 nested elements FORM > DIV > P ..
-
Event delegationWeb/DOMBrowser 2019. 9. 29. 01:40
1. Overview Capturing and bubbling allow us to implement one of the most powerful event handling patterns called event delegation. The idea is that if we have a lot of elements handled in a similar way, then instead of assigning a handler to each of them – we put a single handler on their common ancestor. In the handler we get event.target, see where the event actually happened and handle it. 2...
-
Domain Name Server (DNS), Iterative, and Recursive DNS QueryWeb/Network 2019. 9. 28. 23:37
1. Overview There are two types of queries of Domain name resolution(DNS) to issue a request for the IP address of a hostname. Then local resolver formulates a DNS query to the name server of the host. Name server checks if it is authorized to answer the query. If it is, it responds. Otherwise, it will query other name servers, starting at the root tree. When the name server has the answer it se..