๐ ๋ธ๋ผ์ฐ์ ๋ ๋๋ง?
1. [Parsing] HTML ํ์ผ๊ณผ CSS ํ์ผ์ ํ์ฑํด์ ๊ฐ๊ฐ Tree ๋ฅผ ๋ง๋ฆ.
2. [Style] ๋ Tree ๋ฅผ ๊ฒฐํฉํด์ ํ๋ฉด์ ํํ๋๋ Node ๋ฅผ ๊ธฐ์ค์ผ๋ก Rendering Tree ๋ฅผ ๋ง๋ฆ.
3. [Layout/Reflow] Rendering Tree ์์ ๊ฐ Node ์ ์ ํํ ์์น์ ํฌ๊ธฐ๋ฅผ ๊ณ์ฐ. = ๋ ์ด์์์ ๊ณ์ฐ.
4. [Paint/Repaint] ๊ณ์ฐ๋ ๊ฐ์ ์ด์ฉํด ๊ฐ Node ๋ฅผ ํ๋ฉด ์์ ์ค์ pixel ๋ก ๋ณํํ๊ณ ์ฌ๋ฌ ๊ฐ์ Layer๋ก ์์ฑ.
5. [Composite] Layer ๋ค์ ํฉ์ฑํ์ฌ ์ค์ ํ๋ฉด์ ๋ํ๋.
๋๋ถ๋ถ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ ์ด์ ์ฒด์ operating system์ด๋ ๊ฐ์ ๋จธ์ virtual machine ์์์ ์คํ๋๋ค.
๊ทธ๋ฌ๋ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ (ํด๋ผ์ด์ธํธ ์ฌ์ด๋) ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ธ๋ผ์ฐ์ ์์ HTML, CSS์ ํจ๊ป ์คํ๋๋ค.
์ฆ, ๋ธ๋ผ์ฐ์ ํ๊ฒฝ์ ๊ณ ๋ คํ๋ ๊ฒ์ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ์๋ฐ์คํธ๋ฆฝํธ ํ๋ก๊ทธ๋๋ฐ์ ํจ์จ์ ๋์ฌ์ค๋ค.
๐ ๋ธ๋ผ์ฐ์ ๋ ๋๋ง ๋์ ๊ณผ์ 01 02 03 04
01 ๋ธ๋ผ์ฐ์ ๋ HTML,CSS,JS,์ด๋ฏธ์ง,ํฐํธ ํ์ผ ๋ฑ ๋ ๋๋ง์ ํ์ํ ๋ฆฌ์์ค๋ฅผ ์์ฒญํ๊ณ ์๋ฒ๋ก๋ถํฐ ์๋ต์ ๋ฐ๋๋ค.
02 ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ์์ง์ ์๋ฒ๋ก๋ถํฐ ๋ฐ์์จ HTML๊ณผ CSS๋ฅผ ํ์ฑํ์ฌ DOM๊ณผ CSSOM์ ์์ฑํ๊ณ ,
์ด๋ค์ ๊ฒฐํฉํ์ฌ ๋ ๋ ํธ๋ฆฌ๋ฅผ ์์ฑํ๋ค.
๐ ๋ ๋๋งrendering
HTML, CSS, JS๋ก ์์ฑ๋ ๋ฌธ์๋ฅผ ํ์ฑํ์ฌ ๋ธ๋ผ์ฐ์ ์ ์๊ฐ์ ์ผ๋ก ์ถ๋ ฅํ๋ ๊ฒ.
๐ ํ์ฑparsing
ํ์ฑ์ ๊ตฌ๋ฌธ ๋ถ์syntax analysis๋ผ๊ณ ๋ ํจ.
ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๊ฐ ๊ฐ๋ ๋ ํ ์คํธ ๋ฌธ์๋ฅผ ์ฝ๊ณ ์คํํ๊ธฐ ์ํด
ํ ์คํธ ๋ฌธ์์ ๋ฌธ์์ด์ ํ ํฐtoken์ผ๋ก ๋ถํดํ๊ณ (์ดํ๋ถ์lexical analysis),
ํ ํฐ์ ๋ฌธ๋ฒ์ ์๋ฏธ์ ๊ตฌ์กฐ๋ฅผ ๋ฐ์ํ์ฌ (ํธ๋ฆฌ ๊ตฌ์กฐ์ ์๋ฃ๊ตฌ์กฐ์ธ) ํ์ค ํธ๋ฆฌparse tree/syntax analysis๋ฅผ ์์ฑํ๋ ์ผ๋ จ์ ๊ณผ์ .
๐ HTML ํ์ฑ
๋ธ๋ผ์ฐ์ ์ ์์ฒญ์ ์ํด ์๋ฒ๊ฐ ์๋ตํ HTML ๋ฌธ์๋ ๋ฌธ์์ด๋ก ์ด๋ฃจ์ด์ง ์์ํ ํ ์คํธ๋ค.
์ด ํ ์คํธ ๋ฌธ์๋ฅผ ๋ธ๋ผ์ฐ์ ์ ์๊ฐ์ ์ธ ํฝ์ ๋ก ๋ ๋๋งํ๊ธฐ ์ํด์๋ ๋ธ๋ผ์ฐ์ ๊ฐ ์ดํดํ ์ ์๋ ์๋ฃ ๊ตฌ์กฐ๋ก ๋ณํํ์ฌ ๋ฉ๋ชจ๋ฆฌ์ ์ ์ฅํด์ผํ๋ค.
01 ๋ธ๋ผ์ฐ์ ๊ฐ HTML ํ์ผ์ ์๋ฒ์๊ฒ ์์ฒญํ๋ค.
02 ์๋ฒ๋ ์์ฒญ๋ HTML ํ์ผ์ ์ฝ์ด ๋ค์ฌ ๋ฉ๋ชจ๋ฆฌ์ ์ ์ฅํ ๋ค์, ์ ์ฅ๋ ๋ฐ์ดํธ(2์ง์)๋ฅผ ์ธํฐ๋ท์ ๊ฒฝ์ ํ์ฌ ์๋ตํ๋ค.
03 ๋ธ๋ผ์ฐ์ ๋ HTML๋ฌธ์๋ฅผ ๋ฐ์ดํธ(2์ง์) ํํ๋ก ์๋ต๋ฐ๋๋ค.
๋ฐ์ดํธ ํํ์ HTML๋ฌธ์๋ metaํ๊ทธ์ charset ์์ฑ์ ์ํด ์ง์ ๋ ์ธ์ฝ๋ฉ ๋ฐฉ์์ ๊ธฐ์ค์ผ๋ก ๋ฌธ์์ด๋ก ๋ณํ๋๋ค.
(์: UTF-8)
04 ๋ฌธ์์ด๋ก ๋ณํ๋ HTML ๋ฌธ์๋ฅผ ๋ฌธ๋ฒ์ ์๋ฏธ๋ฅผ ๊ฐ๋ ์ฝ๋์ ์ต์ ๋จ์์ธ, ํ ํฐtoken๋ค๋ก ๋ถํดํ๋ค.
05 ๊ฐ ํ ํฐ๋ค์ ๊ฐ์ฒด๋ก ๋ณํํ์ฌ ๋ ธ๋node๋ค์ ์์ฑํ๋ค.
ํ ํฐ์ ๋ด์ฉ์ ๋ฐ๋ผ ๋ฌธ์ ๋ ธ๋, ์์ ๋ ธ๋, ์ดํธ๋ฆฌ๋ทฐํธ ๋ ธ๋, ํ ์คํธ ๋ ธ๋๊ฐ ์์ฑ๋๋ค.
๋ ธ๋๋ ์ดํ DOM์ ๊ตฌ์ฑํ๋ ๊ธฐ๋ณธ ์์๊ฐ ๋๋ค.
06 HTML๋ฌธ์๋ HTML ์์์ ์งํฉ์ผ๋ก ์ด๋ฃจ์ด์ง๋ฉฐ, HTML ์์๋ ์ค์ฒฉ ๊ด๊ณ๋ฅผ ๊ฐ๋๋ค.
์ด๋ฌํ HTML ์์๊ฐ์ ๋ถ์ ๊ด๊ณ๋ฅผ ๋ฐ์ํ์ฌ ๋ชจ๋ ๋ ธ๋๋ค์ ํธ๋ฆฌ ์๋ฃ๊ตฌ์กฐ๋ก ๊ตฌ์ฑํ๋ค.
--> DOM (Document Object Model)์์ฑ
๐ CSS ํ์ฑ
๋ ๋๋ง ์์ง์ HTML์ ์ฒ์๋ถํฐ ํ ์ค์ฉ ์์ฐจ์ ์ผ๋ก ํ์ฑํ์ฌ DOM์ ์์ฑํด๋๊ฐ๋ค.
์์ฑํด๋๊ฐ๋ค๊ฐ CSS๋ฅผ ๋ก๋ํ๋ linkํ๊ทธ๋ styleํ๊ทธ๋ฅผ ๋ง๋๋ฉด DOM ์์ฑ์ ์ผ์์ค๋จํ๊ณ ์๋ฒ์ CSS ํ์ผ์ ์์ฒญํ๋ค.
์๋ฒ๋ก๋ถํฐ CSS ํ์ผ์ ๋ฐ์์ค๋ฉด HTML๊ณผ ๋์ผํ ํ์ฑ ๊ณผ์ ์ ๊ฑฐ์ณ CSSOM (CSS Object Model) ์ ์์ฑํ๊ฒ ๋๋ค.
( ๋ฐ์ดํธ --> ๋ฌธ์ --> ํ ํฐ --> ๋ ธ๋ --> CSSOM )
CSS ํ์ฑ์ ์๋ฃํ๋ฉด HTML ํ์ฑ์ด ์ค๋จ๋ ์์ ๋ถํฐ DOM ์์ฑ์ ์ฌ๊ฐํ๋ค.
CSSOM์ CSS์ ์์์ ๋ฐ์ํ์ฌ ์์ฑ๋๋ค. โญ์ ๊ธฐ์ ๊ธฐโญ
03 ๋ธ๋ผ์ฐ์ ์ ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ์๋ฒ๋ก๋ถํฐ ๋ฐ์์จ JS๋ฅผ ํ์ฑํ์ฌ AST(Abstract Syntax Tree)๋ฅผ ์์ฑํ๊ณ ,
๋ฐ์ดํธ ์ฝ๋๋ก ๋ณํํ์ฌ ์คํํ๋ค.
์ด๋ JS๋ DOM API๋ฅผ ํตํด DOM์ด๋ CSSOM์ ๋ณ๊ฒฝํ ์ ์๋ค. ๋ณ๊ฒฝ๋ DOM๊ณผ CSSOM์ ๋ค์ ๋ ๋ ํธ๋ฆฌ๋ก
๊ฒฐํฉ๋๋ค.
๐ ๋ ๋ ํธ๋ฆฌ ์์ฑ
DOM๊ณผ CSSOM์ ๋ ๋๋ง์ ์ํด ๋ ๋ ํธ๋ฆฌrender tree๋ก ๊ฒฐํฉ๋๋ค.
๋ ๋ ํธ๋ฆฌ๋ ๋ ๋๋ง์ ์ํ ํธ๋ฆฌ ๊ตฌ์กฐ์ ์๋ฃ๊ตฌ์กฐ๋ค.
๋ฐ๋ผ์ ๋ธ๋ผ์ฐ์ ํ๋ฉด์ ๋ ๋๋ง ๋์ง ์๋ ์์๋ค (html์ metaํ๊ทธ & scriptํ๊ทธ, css์ display: none๋ฑ)
์ ๋ ธ๋๋ ํฌํจํ์ง ์๋๋ค. --> ํ๋ฉด์ ์๋์ค๋ฉด ๋ ๋๋ง๋๋ ๋ ธ๋์์ ๋นผ๋ฒ๋ฆผ ใทใท
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ฑ
CSS ํ์ฑ ๊ณผ์ ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ๋ ๋๋ง ์์ง์ HTML์ ํ ์ค์ฉ ์์ฐจ์ ์ผ๋ก ํ์ฑํ๋ฉฐ DOM์ ์์ฑํด ๋๊ฐ๋ค๊ฐ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ์ ๋ก๋ํ๋ script ํ๊ทธ๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์ฝํ ์ธ ๋ก ๋ด์ script ํ๊ทธ๋ฅผ ๋ง๋๋ฉด DOM ์์ฑ์ ์ผ์ ์ค๋จํ๋ค.
๊ด๋ จํ script ํ์ผ ๋ด์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ํ์ฑํ๊ธฐ ์ํด ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ์์ง์ ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ์ ์ด๊ถ์ ๋๊ธด๋ค.
์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ํ์ฑํ์ฌ CPU๊ฐ ์ดํดํ ์ ์๋ ์ ์์ค ์ธ์ดlow-level language๋ก ๋ณํํ๊ณ ์คํํ๋ ์ญํ ์ ํ๋ค.
๋ ๋๋ง ์์ง์ด HTML๊ณผ CSS๋ฅผ ํ์ฑํ์ฌ DOM๊ณผ CSSOM์ ์์ฑํ๋ฏ์ด
์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ์ฝ๋๋ฅผ ํด์ํด์ AST(Abstract Syntax Tree ์ถ์์ ๊ตฌ๋ฌธ ํธ๋ฆฌ)๋ฅผ ์์ฑํ๋ค.
๐ ํ ํฌ๋์ด์งtokenizing
์๋ฐ์คํฌ๋ฆฝํธ ์์ค ์ฝ๋๋ฅผ ์ดํ ๋ถ์lexical analysis ํ์ฌ ํ ํฐtoken(๋ฌธ๋ฒ์ ์๋ฏธ๋ฅผ ๊ฐ๋ ์ฝ๋์ ์ต์ ๋จ์)๋ค๋ก ๋ถํดํ๋ค.
์ด ๊ณผ์ ์ ๋ ์ฑlexing์ด๋ผ๊ณ ๋ถ๋ฅด๊ธฐ๋ ํ์ง๋ง ํ ํฌ๋์ด์ง๊ณผ ๋ฏธ๋ฌํ ์ฐจ์ด๊ฐ ์๋ค.
๐ ํ์ฑparsing
ํ ํฐtoken๋ค์ ์งํฉ์ ๊ตฌ๋ฌธ ๋ถ์syntatic analysis ํ์ฌ AST(์ถ์์ ๊ตฌ๋ฌธ ํธ๋ฆฌ)๋ฅผ ์์ฑํ๋ค.
AST(Abstract Syntax Tree)๋ ํ ํฐtoken์ ๋ฌธ๋ฒ์ ์๋ฏธ์ ๊ตฌ์กฐ๋ฅผ ๋ฐ์ํ ํธ๋ฆฌ ๊ตฌ์กฐ์ ์๋ฃ๊ตฌ์กฐ๋ค.
AST๋ฅผ ์ฌ์ฉํ๋ฉด TypeScript, Babel, Prettier ๊ฐ์ ํธ๋์คํ์ผ๋ฌtranspiler๋ฅผ ๊ตฌํํ ์๋ ์๋ค.
๐ ๋ฐ์ดํธ์ฝ๋bitecode generator
ํ์ฑ์ ๊ฒฐ๊ณผ๋ฌผ๋ก ์์ฑ๋ AST๋ ์ธํฐํ๋ฆฌํฐ๊ฐ ์คํํ ์ ์๋ ์ค๊ฐ ์ฝ๋์ธ ๋ฐ์ดํธ์ฝ๋๋ก ๋ณํ๋๊ณ , ์ธํฐํ๋ฆฌํฐ์ ์ํด ์คํ๋๋ค.
04 ๋ ๋ ํธ๋ฆฌ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก HTML ์์์ ๋ ์ด์์์ ๊ณ์ฐํ๊ณ ๋ธ๋ผ์ฐ์ ํ๋ฉด์ HTML ์์๋ฅผ ํ์ธํ ํ๋ค.
์์ฑ๋ ๋ ๋ ํธ๋ฆฌ๋ ๊ฐ HTML ์์์ ๋ ์ด์์์ ๊ณ์ฐํ๋ ๋ฐ ์ฌ์ฉ๋๋ฉฐ ํ๋ฉด์ ํฝ์ ์ ๋ ๋๋งํ๋ ํ์ธํ ์ฒ๋ฆฌ์ ์ ๋ ฅ๋๋ค.
๐ ๋ธ๋ผ์ฐ์ ๋ฆฌํ๋ก์ฐreflow ๋ฆฌํ์ธํธrepaint
์ง๊ธ๊น์ง ์ดํด๋ณธ ๋ ๋๋ง ๊ณผ์ ์ ๋ฐ๋ณตํด์ ์คํ๋ ์ ์๋ค.
๋ค์๊ณผ ๊ฐ์ ๊ฒฝ์ฐ์ ๋ฐ๋ณตํด์ ๋ ์ด์์ ๊ณ์ฐ(๋ฆฌํ๋ก์ฐ)๊ณผ ํ์ธํ (๋ฆฌํ์ธํธ)์ด ์ฌ์ฐจ ์คํ๋๋ค.
๊ทธ๋ฌ๋ ์ด ๊ณผ์ ์ ๋น์ฉ์ด ๋ง์ด ๋ค๊ณ ์ฑ๋ฅ์ ์ ํ์ํจ๋ค.
๊ฐ๊ธ์ ๋ฆฌ๋ ๋๋ง์ด ๋น๋ฒํ๊ฒ ๋ฐ์ํ์ง ์๋๋ก ์ฃผ์ํด์ผํ๋ค.
โพ ์๋ฐ์คํฌ๋ฆฝํธ์ ์ํ ๋ ธ๋ ์ถ๊ฐ / ์ญ์
โพ ๋ธ๋ผ์ฐ์ ์ฐฝ์ ๋ฆฌ์ฌ์ด์ง์ ์ํ ๋ทฐํฌํธviewport ํฌ๊ธฐ ๋ณ๊ฒฝ
โพ HTML ์์์ ๋ ์ด์์์ ๋ณ๊ฒฝ์ํค๋ css style ๋ณ๊ฒฝ
๐ ๋ฆฌํ๋ก์ฐreflow
๋ ์ด์์์ ๋ค์ ๊ณ์ฐํ๋ ๊ฒ
๐ ๋ฆฌํ์ธํธrepaint
๋ค์ ํ์ธํธ๋ฅผ ํ๋ ๊ฒ
๋ ์ด์์์ ์ํฅ์ด ์๋ ๋ณ๊ฒฝ์ ๋ฆฌํ๋ก์ฐ ์์ด ๋ฆฌํ์ธํธ๋ง ์คํ๋๋ค.
๐ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ฑ ์ค ์ค๋ฅ ํด๊ฒฐ
๋ธ๋ผ์ฐ์ ๋ ๋๊ธฐ์ synchronous์ผ๋ก, ์ฆ ์์ฐจ์ ์ผ๋ก HTML, CSS, JS๋ฅผ ํ์ฑํ๊ณ ์คํํ๋ค.
์ด๊ฒ์ script ํ๊ทธ์ ์์น์ ๋ฐ๋ผ HTML ํ์ฑ์ด ๋ธ๋กํน๋์ด DOM ์์ฑ์ด ์ง์ฐ๋ ์ ์๋ค๋ ๊ฒ์ ์๋ฏธํ๋ค.
script ๋ด ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ์ DOM API ์์๋ค์ด DOM์ ์กฐ์ํ๊ธฐ ๋๋ฌธ์
ํธ๋ฆฌ ๊ตฌ์กฐ๊ฐ ์์ฑ๋ ์ดํ์ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ์ ์ฝ๊ฒ๋ ๋ง๋ค์ด์ผ ํ๋ค.
๊ทธ๋ ์ง ์์ผ๋ฉด DOM์ ์์๋ค์ด ์๊ฑฐ๋ ์์ฑ ์ ์ด์ด์ ํ๋ก๊ทธ๋จ ์ค๋ฅ๊ฐ ๋ฐ์ํ ๊ฒ์ด๋ค.
์๋ฐ์คํฌ๋ฆฝํธ ํ์ฑ์ ์ํด DOM ์์ฑ์ด ์ค๋จ๋๋ ๋ฌธ์ ๋ฅผ ๊ทผ๋ณธ์ ์ผ๋ก ํด๊ฒฐํ๊ธฐ ์ํด
HTML5๋ถํฐ script ํ๊ทธ์ async์ defer ์ดํธ๋ฆฌ๋ทฐํธ๊ฐ ์ถ๊ฐ๋์๋ค.
async์ defer ์ดํธ๋ฆฌ๋ทฐํธ๋ src ์ดํธ๋ฆฌ๋ทฐํธ๋ฅผ ํตํด ์ธ๋ถ ์๋ฐ์คํธ๋ฆฝํธ ํ์ผ์ ๋ก๋ํ๋ ๊ฒฝ์ฐ์๋ง ์ฌ์ฉํ ์ ์๋ค.
๋ด๋ถ์์ script ์์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์ง์ ์ ๋ ฅํ๋ ๊ฒฝ์ฐ์๋ ์ฌ์ฉํ ์ ์์ ใ ใ ์ด๋ ๊ทธ๋ฅ ์์น ์กฐ์ ํด์ผ์ง ^^
๐ async ์ดํธ๋ฆฌ๋ทฐํธ
HTML ํ์ฑ๊ณผ ์ธ๋ถ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ์ ๋ก๋๊ฐ ๋น๋๊ธฐ์ ์ผ๋ก ๋์์ ์งํ๋๋ค.
๋จ, ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ์ ๋ก๋๊ฐ ์๋ฃ๋ ์งํ์ ํ์ฑ๊ณผ ์คํ์ด ์งํ๋๊ธฐ ๋๋ฌธ์ ์ด ๋๋ ์ ๊น HTML ํ์ฑ์ด ์ค๋จ๋๋ค.
์ฌ๋ฌ๊ฐ์ script ํ๊ทธ์ async ์ดํธ๋ฆฌ๋ทฐํธ๋ฅผ ์ง์ ํ๋ฉด โ script ํ๊ทธ ์์์ ์๊ด์์ด โ
๋ก๋๊ฐ ์๋ฃ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ถํฐ ๋จผ์ ์คํ๋๊ธฐ ๋๋ฌธ์ ์์๊ฐ ๋ณด์ฅ๋์ง ์๋๋ค.
๐ defer ์ดํธ๋ฆฌ๋ทฐํธ
HTML ํ์ฑ๊ณผ ์ธ๋ถ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ์ ๋ก๋๊ฐ ๋น๋๊ธฐ์ ์ผ๋ก ๋์์ ์งํ๋๋ค.
๋จ, HTML ํ์ฑ์ด ์๋ฃ๋ ์งํ์ (์ฆ DOM ์์ฑ์ด ์๋ฃ๋ ์งํ์) ์๋ฐ์คํฌ๋ฆฝํธ์ ํ์ฑ๊ณผ ์คํ์ด ์งํ๋๋ค.
DOM ์์ฑ์ด ์๋ฃ๋ ์ดํ ์คํ๋์ด์ผ ํ ์๋ฐ์คํฌ๋ฆฝํธ์ ์ ์ฉํ๋ค.
• ์ฐธ๊ณ ์๋ฃ
JavaScript Deep Dive -์ด์ ๋ชจ ์
'Front-end > Browser' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ธ๋ผ์ฐ์ ์ Node JS : ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ฌ ์ ์๋ ๋ค์ํ ๋ฐฉ๋ฒ๋ค (์ถ๊ฐ์ค) (0) | 2021.10.20 |
---|---|
Event Loop & Task queue ์ด๋ฒคํธ ๋ฃจํ์ ํ์คํฌ ํ (0) | 2021.09.18 |
URI ๊ทธ๋ฆฌ๊ณ URL, URN (0) | 2021.09.11 |
Client - Server : SOP์ CORS (0) | 2021.09.10 |
REST API ๊ธฐ๋ณธ ์ ๋ฆฌ (0) | 2021.09.08 |
๋๊ธ