λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

πŸ“š/Computer Science

[Web] μ›Ή ν‘œμ€€, μ›Ή μ ‘κ·Όμ„±, μ›Ή ν˜Έν™˜μ„±μ΄λž€?

 

 

πŸ”— μ›Ή ν‘œμ€€ (Web Standards) μ΄λž€?

 

 μ›Ή ν‘œμ€€μ΄λž€ 'μ›Ήμ—μ„œ ν‘œμ€€μ μœΌλ‘œ μ‚¬μš©λ˜λŠ” κΈ°μˆ μ΄λ‚˜ κ·œμΉ™'을 μ˜λ―Έν•œλ‹€.

 ν‘œμ€€ν™” 단체인 W3Cκ°€ κΆŒκ³ ν•œ ν‘œμ€€μ•ˆμ— 따라 μ›Ή μ‚¬μ΄νŠΈλ₯Ό μž‘μ„±ν•  λ•Œ μ΄μš©ν•˜λŠ” HTML, CSS, JavaScript 등에 λŒ€ν•œ κ·œμ •μ΄ 담겨 μžˆλ‹€.

 μ›Ή ν‘œμ€€μ˜ ꢁ극적인 λͺ©μ μ€ μ›Ήμ‚¬μ΄νŠΈμ— μ ‘μ†ν•œ μ‚¬μš©μžκ°€ μ–΄λ– ν•œ μš΄μ˜μ²΄μ œλ‚˜ λΈŒλΌμš°μ €λ₯Ό μ‚¬μš©ν•˜λ”λΌλ„ λ™μΌν•œ κ²°κ³Όλ₯Ό 보이게 ν•˜λŠ” 것이닀.

 

 

πŸ”— μ›Ή μ ‘κ·Όμ„± (Web Accessibility) μ΄λž€?

 

 μ›Ή μ ‘κ·Όμ„±μ΄λž€ μž₯애인, 고령자 λ“± λͺ¨λ“  μ‚¬μš©μžκ°€ μ–΄λ– ν•œ κΈ°μˆ μ΄λ‚˜ ν™˜κ²½μ—μ„œλ„ 전문적인 λŠ₯λ ₯ 없이 μ›Ή μ‚¬μ΄νŠΈμ—μ„œ μ œκ³΅ν•˜λŠ” λͺ¨λ“  정보λ₯Ό λ™λ“±ν•˜κ²Œ μ ‘κ·Όν•˜κ³  이해할 수 μžˆλŠ” ꢌ리λ₯Ό μ˜λ―Έν•œλ‹€.

 μ›Ή ν‘œμ€€μ„ μ€€μˆ˜ν•¨μœΌλ‘œμ¨ λ‹€μ–‘ν•œ λΈŒλΌμš°μ € ν™˜κ²½μ— λŒ€μ‘μ΄ κ°€λŠ₯ν•˜λ©° νœ΄λŒ€ν°, PDAμ—μ„œλ„ 정삭적인 μž‘λ™ 및 μž₯애인 μ§€μ›μš© ν”„λ‘œκ·Έλž¨μ—μ„œλ„ 도움이 λ˜λ―€λ‘œ μ‚¬μš©μžλ‚˜ 접속 μž₯치의 접근성이 μš©μ΄ν•˜λ‹€.

 

 

πŸ”— μ›Ή ν˜Έν™˜μ„± (Cross Browsing) μ΄λž€?

 

 μ›Ή ν˜Έν™˜μ„±μ΄λž€ 운영체제, λΈŒλΌμš°μ € λ“± μ–΄λŠ ν•œμͺ½μœΌλ‘œ μ΅œμ ν™”λ˜κ±°λ‚˜ μ’…μ†λ˜μ§€ μ•Šλ„λ‘ 곡톡 μš”μ†Œλ₯Ό μ‚¬μš©ν•˜μ—¬ 운영체제 및 λΈŒλΌμš°μ € κ°„ λ™μΌν•œ κ²°κ³Όκ°€ λ‚˜μ˜€λ„λ‘ μ›Ή νŽ˜μ΄μ§€λ₯Ό μ œμž‘ν•˜λŠ” 기법을 μ˜λ―Έν•œλ‹€.

 μ›Ή ν‘œμ€€μ„ μ€€μˆ˜ν•¨μœΌλ‘œμ¨ κΈ°μ‘΄ IE λΈŒλΌμš°μ €μ—μ„œλ§Œ μž‘λ™μ΄ κ°€λŠ₯ν–ˆλ˜ μš”μ†Œλ“€μ΄ λ‹€μ–‘ν•œ λΈŒλΌμš°μ €(크둬, νŒŒμ΄λ²„ν­μŠ€, μ‚¬νŒŒλ¦¬, 였페라 λ“±)μ—μ„œλ„ μž‘λ™ν•œλ‹€.

 


 

 

 

πŸ”— μ›Ή ν‘œμ€€ λͺ©μ 

 

  • μ‚¬μš©μžμ˜ 자유둭고 νŽΈλ¦¬ν•œ μ›Ή μ‚¬μ΄νŠΈ 이용
  • μž₯애인, 고령자 등을 ν¬ν•¨ν•œ μ‚¬μš©μžμΈ΅ ν™•λŒ€
  • λ‹€μ–‘ν•œ ν™˜κ²½, μƒˆλ‘œμš΄ κΈ°κΈ°μ—μ„œμ˜ 이용
  • 개발 및 운용의 νš¨μœ¨μ„± 제고

πŸ”— μ›Ή ν‘œμ€€ μž₯점

 

  • μˆ˜μ • 및 μš΄μ˜κ΄€λ¦¬ 용이
  • μ ‘κ·Όμ„± ν–₯상
  • 검색엔진 μ΅œμ ν™”(SEO)
  • File Size μΆ•μ†Œ, μ„œλ²„ μ €μž₯ 곡간 μ ˆμ•½
  • 효율적인 λ§ˆν¬μ—…
  • ν˜Έν™˜μ„± κ°€λŠ₯

 


πŸ”Ž μ°Έκ³  자료

πŸ’‘ 같이 보면 μ’‹μ„ Post

 

HTML / CSS / JavaScript 의 μ—­ν•  및 차이점 (쉽고 λΉ λ₯΄κ²Œ μ„€λͺ…!)

πŸ”— HTML (Hypertext Markup Language) - μ›Ή λ¬Έμ„œλ₯Ό λ§Œλ“€κΈ° μœ„ν•˜μ—¬ μ‚¬μš©ν•˜λŠ” 기본적인 μ›Ή μ–Έμ–΄ - μ›Ήμ˜ λΌˆλŒ€, ꡬ쑰λ₯Ό μ„€κ³„ν•˜λŠ” μ—­ν•  πŸ”— CSS (Cascading Style Sheets) - μ›Ή λ¬Έμ„œμ˜ μ „λ°˜μ μΈ μŠ€νƒ€μΌμ„ 미리 μ €μž₯ν•΄..

devjindev.tistory.com

 

[Web] λ°˜μ‘ν˜• μ›Ήμ΄λž€? / λ°˜μ‘ν˜• vs μ μ‘ν˜•

πŸ”— λ°˜μ‘ν˜• μ›Ή (Responsive Web) μ΄λž€? μˆœμ„œλŒ€λ‘œ PC - Tablet - Mobile ν™”λ©΄  λ°˜μ‘ν˜• μ›Ήμ΄λž€ 각쒅 λ””λ°”μ΄μŠ€ λ˜λŠ” λͺ¨λ‹ˆν„° 해상도에 따라 μ»¨ν…μΈ λ“€μ˜ μ‚¬μ΄μ¦ˆ, λ ˆμ΄μ•„μ›ƒ 등이 μœ λ™μ μœΌλ‘œ λ°”λ€ŒλŠ” 웹을 λ§ν•œλ‹€.

devjindev.tistory.com