Links - hochan222/Everything-in-JavaScript GitHub Wiki
CS
# Memory
# Data Structure
# Design Pattern
Web
- Client-side vs. Server-side vs. Pre-rendering for Web Apps
- ์ฟ ํค vs ๋ก์ปฌ์คํ ๋ฆฌ์ง: ์ฐจ์ด์ ์ ๋ฌด์์ผ๊น?
- What Are Cookies?
CSS
# Rendering
- ๋ธ๋ผ์ฐ์ ๋ ๋๋ง ๊ณผ์ - Reflow Repaint, ๊ทธ๋ฆฌ๊ณ ์ฑ๋ฅ ์ต์ ํ
- Constructing the Object Model
- ํฌ๋กฌ ๋ธ๋ผ์ฐ์ Rendering Path ์ดํดํ๊ธฐ
- How the browser renders a web page? โ DOM, CSSOM, and Rendering
- MDN DOM
- Render Tree๋ ํ๋ฉด์ ์ธ์ ๋ ํญ๋ชฉ์ ์ ์์ค ํํ์ด๋ฏ๋ก ํฝ์ ๋งคํธ๋ฆญ์ค์ ์์ญ์ ๋ณด์ ํ์ง ์๋ ๋ ธ๋๋ฅผ ํฌํจํ์ง ์๋๋ค.
- Software vs. GPU Rasterization in Chromium
- Inside look at modern web browser (part 3)
- How Does CSS Work?
# Layout, Paint์ ๋น์ฉ์ ์ค์ด์
- ๋ถ๋๋ฌ์ด ์ ๋๋งค์ด์ ์ ์ํด์ 16.6ms ๋ด์ ์ฒ๋ฆฌ๋์ด์ผ ํ๋ค.
- ๋ํ์ ์์ฑ ํผํ๊ธฐ
- ์ฌ์ฉํ์ง ์๋ ๋ ธ๋์๋ visibilty: invisible ๋ณด๋ค display: none์ ์ฌ์ฉ
- ์ ๋๋ฉ์ด์ ์ด๋์ display:block/inline-block๋ก ์ง์ ํ, transform:translate, opacity์ ์ฌ์ฉํ๋ค.
# Style guide
Javascript
# format
React
# Style guide
A compilation of React Patterns, techniques, tips and tricks.
etc
# interview