WEB (3) μΈλ€μΌν 리μ€νΈν [Web] μΉ νμ€, μΉ μ κ·Όμ±, μΉ νΈνμ±μ΄λ? π μΉ νμ€ (Web Standards) μ΄λ? μΉ νμ€μ΄λ 'μΉμμ νμ€μ μΌλ‘ μ¬μ©λλ κΈ°μ μ΄λ κ·μΉ'μ μλ―Ένλ€. νμ€ν λ¨μ²΄μΈ W3Cκ° κΆκ³ ν νμ€μμ λ°λΌ μΉ μ¬μ΄νΈλ₯Ό μμ±ν λ μ΄μ©νλ HTML, CSS, JavaScript λ±μ λν κ·μ μ΄ λ΄κ²¨ μλ€. μΉ νμ€μ κΆκ·Ήμ μΈ λͺ©μ μ μΉμ¬μ΄νΈμ μ μν μ¬μ©μκ° μ΄λ ν μ΄μ체μ λ λΈλΌμ°μ λ₯Ό μ¬μ©νλλΌλ λμΌν κ²°κ³Όλ₯Ό 보μ΄κ² νλ κ²μ΄λ€. π μΉ μ κ·Όμ± (Web Accessibility) μ΄λ? μΉ μ κ·Όμ±μ΄λ μ₯μ μΈ, κ³ λ Ήμ λ± λͺ¨λ μ¬μ©μκ° μ΄λ ν κΈ°μ μ΄λ νκ²½μμλ μ λ¬Έμ μΈ λ₯λ ₯ μμ΄ μΉ μ¬μ΄νΈμμ μ 곡νλ λͺ¨λ μ 보λ₯Ό λλ±νκ² μ κ·Όνκ³ μ΄ν΄ν μ μλ κΆλ¦¬λ₯Ό μλ―Ένλ€. μΉ νμ€μ μ€μν¨μΌλ‘μ¨ λ€μν λΈλΌμ°μ νκ²½μ λμμ΄ κ°λ₯νλ©° ν΄λν°, PDA.. [Web] λ°μν μΉμ΄λ? / λ°μν vs μ μν π λ°μν μΉ (Responsive Web) μ΄λ? μμλλ‘ PC - Tablet - Mobile νλ©΄ λ°μν μΉμ΄λ κ°μ’ λλ°μ΄μ€ λλ λͺ¨λν° ν΄μλμ λ°λΌ 컨ν μΈ λ€μ μ¬μ΄μ¦, λ μ΄μμ λ±μ΄ μ λμ μΌλ‘ λ°λλ μΉμ λ§νλ€. μΌλ°μ μΌλ‘ float, flex, % λ±μ μ¬μ©νμ¬ μ λμ μΌλ‘ λ°μν μ μλλ‘ νλ€. 1 2 3 4 5 @media screen and (max-width: 767px){ .container{ width: 50%; } } Colored by Color Scripter cs λ―Έλμ΄ μΏΌλ¦¬λ₯Ό μ¬μ©νμ¬ λλ°μ΄μ€λ₯Ό μ§μ νμ¬ νλ©΄ ν¬κΈ°μ λ°λΌ λ°λλ μΉμ μ μνλ€. π λ°μν μΉ (Responsive Web) vs μ μν μΉ (Adaptive Web) μ°¨μ΄μ λ°μν μΉμ λλ°μ΄μ€μ λ°λΌ νλ©΄.. [HTTP] HTTP νλ‘ν μ½μ΄λ? π μΉ νλ‘ν μ½μ΄λ? μΉμμ μ°μ΄λ ν΅μ κ·μ½μΌλ‘, ν΅μ μ ν λ λ©μΈμ§λ₯Ό μ£Όκ³ λ°λ μμκ³Ό κ·μΉ 체κ³λ₯Ό μλ―Ένλ€. π Http νλ‘ν μ½μ΄λ? μΉ μμμ λ©μΈμ§λ₯Ό μ£Όκ³ λ°κΈ° μν΄ μλ²-ν΄λΌμ΄μΈνΈ λͺ¨λΈμ λ°λ₯΄λ νλ‘ν μ½μ΄λ€. ν΄λΌμ΄μΈνΈμμ μμ²μ 보λ΄λ©΄ μλ²λ μμ²μ μ²λ¦¬ν΄μ μλ΅νλ€. π Http 1.1 vs 2.0 μλμ μ°¨μ΄μ΄λ€. Http 2.0μ ν€λλ₯Ό μμΆν΄ 보λ΄κΈ°λ νκ³ , ν λ²μ μ°κ²°λ‘ λμμ μ¬λ¬κ°μ λ©μΈμ§λ₯Ό μ£Όκ³ λ°μ μ μμ΄ λΉ λ₯΄λ€. π Http ν΅μ vs Https ν΅μ 보μμ μ°¨μ΄μ΄λ€. Http ν΅μ λ°©μμ λ€νΈμν¬ μμμ λκ΅°κ°κ° λ§μλλ‘ μ΄λ, μμ μ΄ κ°λ₯νλ€. Https ν΅μ λ°©μμ ν΄λΌμ΄μΈνΈμ μλ² μ¬μ΄μ λͺ¨λ ν΅μ λ΄μ©μ μνΈννμ¬ λκ΅°κ°κ° λ³Ό μ μλλ‘ λ§λλ€. π HTTP .. μ΄μ 1 λ€μ