π€― νλ‘ νΈμλ μΈν°λ·°κ° λ μ΄μ μ½μ§ μλ€ β μ΄ 10κ°μ§ μ΄λ €μ΄ μ§λ¬Έμ λλΉνμΈμ
Source: Dev.to

κ°μ
2025λ
μ νλ‘ νΈμλ κ°λ°μ μν μ μ»λ κ²μ μ΄μ JavaScriptλ React, Angular, Vue κ°μ μΈκΈ° νλ μμν¬λ§ μλ©΄ λλ κ²μ΄ μλλλ€.
μ€λλ λ©΄μ μ ν¨μ¬ κΉμ΄ λ€μ΄κ°λλ€ β μ±μ© λ΄λΉμλ μΉμ΄ μ€μ λ‘ μ΄λ»κ² λμνλμ§ μ΄ν΄νκ³ μκΈ°λ₯Ό κΈ°λν©λλ€.
νλ‘ νΈμλ λ©΄μ μ μ€λΉνκ³ μλ€λ©΄, μ€μ μμ λμ¬ μ μλ 10κ°μ§ μ§λ¬Έμ μκ°ν©λλ€ π
1οΈβ£ google.comμ λΈλΌμ°μ μ μ
λ ₯νλ©΄ μ νν λ¬΄μ¨ μΌμ΄ μΌμ΄λλμ?
μ 체 νλ¦μ μ€λͺ νμΈμ:
- DNS μ‘°ν
- TCP νΈλμμ΄ν¬
- TLS μ€μ
- HTTP μμ²
- μλ² μλ΅
- λ λλ§ νμ΄νλΌμΈ
- JavaScript μ€ν
2οΈβ£ TCP vs UDP β μ€μ μμμ ν¨κ» μ€λͺ ν μ μλμ?
- TCP β μ λ’°μ± μκ³ μμκ° λ³΄μ₯λλ©° μ€λ₯ κ²μ¬κ° μ΄λ£¨μ΄μ§λ μ μ‘(μ: μΉ λΈλΌμ°μ§, μ΄λ©μΌ, νμΌ μ μ‘).
- UDP β λ λΉ λ₯΄κ³ μ°κ²°μ΄ μμΌλ©° μ μ‘ λ³΄μ₯μ΄ μλ λ°©μ(μ: μμ μ€νΈλ¦¬λ°, κ²μ, VoIP).
3οΈβ£ HTTPμ HTTPSλ λ΄λΆμ μΌλ‘ μ΄λ»κ² λμνλμ?
TLS/SSL μνΈνλ₯Ό μ€λͺ νκ³ , μ΄κ²μ΄ MITM(ManβinβtheβMiddle) 곡격μ μ΄λ»κ² λ°©μ§νλμ§, κ·Έλ¦¬κ³ HTTPSκ° νλ μ ν리μΌμ΄μ μ νμμΈ μ΄μ (λΈλΌμ°μ κ° μ΄μ HTTPλ₯Ό 보μ μνμΌλ‘ νμ)λ₯Ό μμ νμΈμ.
4οΈβ£ HTTP/1.1 vs HTTP/2.0 β μ±λ₯ μΈ‘λ©΄μμ μ μ€μνκ°μ?
- HTTP/1.1 β λ³λ ¬ μ²λ¦¬ μ ν, ν€λβμ€λΈβλΌμΈ μ°¨λ¨.
- HTTP/2 β λ©ν°νλ μ±, ν€λ μμΆ, μλ² νΈμ.
μ΄ μ°¨μ΄λ₯Ό μ΄ν΄νλ©΄ μ±λ₯ μ΅μ νμ λν κ΄μ¬μ 보μ¬μ€ μ μμ΅λλ€.
π Explained on FrontendGeek
5οΈβ£ HTTP μμ²/μλ΅ λΌμ΄νμ¬μ΄ν΄μ λ¨κ³λ³λ‘ μ€λͺ ν΄ μ£ΌμΈμ
URL μ λ ₯λΆν° μ΅μ’ λ λλ§κΉμ§ λ€μμ λ€λ£¨μΈμ:
- μμ² μ μ‘ β ν€λμ λ°λ.
- μλ² μ²λ¦¬ β ν€λμ λ°μ΄ν°κ° ν¬ν¨λ μλ΅.
- λΈλΌμ°μ νμ± λ° λ λλ§ β HTML β CSSOM β JS μ€ν β λ μ΄μμ β νμΈνΈ β ν©μ±.
6οΈβ£ JWT vs OAuthβ―2.0 vs OpenID Connect β μΈμ κ°κ°μ μ¬μ©νλμ?
- JWT (JSON Web Tokens) β 무μν μΈμ¦, κ°λ¨ν μ¬μ© μ¬λ‘.
- OAuthβ―2.0 β μ 3μ μ κ·Ό κΆν λΆμ¬(μ: βGoogle λ‘κ·ΈμΈβ).
- OpenID Connect β OAuthβ―2.0 μμ ꡬμΆλ μ μ μΈμ¦ λ μ΄μ΄.
7οΈβ£ μΉ μ ν리μΌμ΄μ μ XSS, CSRF, CORS λ¬Έμ λ‘λΆν° μ΄λ»κ² 보νΈν μ μλμ?
- XSS β μ λ ₯ μ΄μ€μΌμ΄ν, CSP ν€λ, μ ν λΌμ΄λΈλ¬λ¦¬.
- CSRF β CSRF ν ν°,
SameSiteμΏ ν€. - CORS β μ¬λ°λ₯Έ μλ² ν€λ μ€μ , ν리νλΌμ΄νΈ μμ² μ΄ν΄.
8οΈβ£ DOM vs Canvas λ λλ§ β μΈμ κ°κ°μ μ¬μ©ν΄μΌ νλμ?
- DOM λ λλ§ β UI μ€μ¬, μ κ·Όμ± ν보, ν μ€νΈκ° λ§μ μ ν리μΌμ΄μ μ μ΄μμ .
- Canvas λ λλ§ β κ²μ, λ¬΄κ±°μ΄ κ·Έλν½, μ λλ©μ΄μ , μ€μκ° λ λλ§μ μ΅μ .
9οΈβ£ Long Polling vs WebSockets vs ServerβSent Events (SSE)
- Long Polling β μ λ°μ΄νΈλ₯Ό μν λ°λ³΅ μμ².
- WebSockets β μ μ΄μ€, μ§μ μ°κ²°.
- SSE β μλ²κ° ν΄λΌμ΄μΈνΈμ μ΄λ²€νΈλ₯Ό νΈμ(λ¨λ°©ν₯).
π Local Storage vs Session Storage vs Cookies β μ΄λ κ²μ μ νν΄μΌ ν κΉμ?
- Local Storage β μꡬμ μΈ ν€βκ° μ μ₯μ(5β10β―MB).
- Session Storage β νμ λ«μΌλ©΄ μμ .
- Cookies β ν¬κΈ°κ° μκ³ λͺ¨λ μμ²μ ν¨κ» μ μ‘(μΈμ¦ ν ν°μ μ ν©).
π§ λ§λ¬΄λ¦¬ μκ°
νλ‘ νΈμλ λ©΄μ μ΄ μ μ μ΄λ €μμ§λ μ΄μ λ κΈ°μ μ΄ λλ²κΉ , μ΅μ ν, μ€μ μλΉμ€ κ·λͺ¨ νμ₯κΉμ§ ν μ μλ κ°λ°μλ₯Ό μνκΈ° λλ¬Έμ λλ€ β λ¨μν Reactλ‘ ν μΌ λͺ©λ‘ μ±μ λ§λλ μμ€μ΄ μλλΌ λ§μ΄μ£ .
μ΄ 10κ°μ§ μ§λ¬Έμ μμ μκ² λ΅ν μ μλ€λ©΄ λ€μ λ©΄μ μμ λλ³΄μΌ μ μμ΅λλ€.
π λ©΄μ μμ μ΄ μ€ μ΄λ€ μ§λ¬Έμ λ°μ μ μλμ?