MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

웹(World Wide Web)의 개방적인 특성은 웹사이트나 온라인 애플리케이션을 제작하려는 사람들에게 엄청난 기회를 제공합니다. 웹의 가능성을 십분 활용하기 위해서는 그 사용 방법을 알아야만 합니다. 아래의 링크들을 확인하여 다양한 웹 기술을 배워보세요.

웹 기술

기본 지식

HTML
하이퍼텍스트 마크업 언어(HyperText Markup Language)는 웹페이지의 콘텐츠를 기술하고 정의하는 데 사용합니다.
CSS
계단식 스타일 시트(Cascading Style Sheets)는 웹페이지 콘텐츠의 모양이나 표현을 기술하는 데 사용합니다.
HTTP
하이퍼텍스트 전송 규약(Hypertext Transfer Protocol)은 HTML 및 기타 하이퍼미디어 문서를 웹 상에서 전달하는 데 사용합니다.

스크립트

자바스크립트
자바스크립트(JavaScript)는 브라우저에서 실행되는 프로그램 언어입니다. 웹사이트나 애플리케이션에 상호 작용 및 기타 동적인 기능을 넣기 위해 사용합니다.
웹 API
웹 애플리케이션 프로그램 인터페이스DOM 조작, 오디오 및 비디오 재생, 3D 그래픽 구현 등의 여러 작업을 수행하기 위해 사용합니다.
  • 웹 API 인터페이스 설명집 - 웹 개발에 사용하는 모든 객체 유형이 일람돼 있습니다.
  • WebAPI 페이지 - 웹 애플리케이션에 사용할 수 있는 모든 통신 및 하드웨어 액세스, 기타 API가 일람돼 있습니다.
  • 이벤트 참조 - 웹페이지나 애플리케이션에서 발생한 의미 있는 이벤트들을 추적하고 그에 반응할 수 있는 것들이 일람돼 있습니다.

그래픽

SVG
Scalable Vector Graphics는 일련의 벡터 및 도형을 통해 이미지를 나타냄으로써 이미지가 원래 그려진 크기에 상관 없이 매끄럽게 확대/축소가 가능하도록 합니다.
WebGL
WebGL은 OpenGL ES 2.0을 거의 충족하는 API를 도입함으로써 웹에 3차원 그래픽을 제공하여 HTML의 <canvas> 요소에서 사용할 수 있습니다.

오디오, 비디오, 멀티미디어

웹 미디어 기술
미디어 관련 API 및 그에 필요한 문서 링크 일람.
웹에서의 미디어 기술 개요
오디오와 비디오의 재생, 조작, 기록을 지원하는 개방형 웹기술 및 API에 대한 일반적인 내용. 어떤 API를 사용할 지 잘 모를 경우 이 글부터 시작하시면 됩니다.
미디어 캡처 및 스트림 API
로컬과 네트웍 경유를 포함하는 미디어 스트리밍, 기록, 조작을 할 수 있는 API 편람. 로컬 카메라 및 마이크를 사용하여 비디오, 오디오, 정지 화상을 캡처하는 내용이 있습니다.

기타

MathML
수학 마크업 언어(Mathematical Markup Language)는 복잡한 수학 방정식 및 구문을 표시할 수 있게 합니다.

학습 영역

웹 개발 학습
초심자가 간단한 웹사이트 코딩을 시작하는 데 필요한 다양한 글이 있습니다.

기타 주제

웹 애플리케이션 개발
모바일, 데스크톱, 파이어폭스 OS 환경의 웹 앱을 개발하기 위한 기술을 설명하는 글들입니다.
접근성
웹 개발에서 접근성이란 가능한 많은 사람들이 일부 신체적 장애가 있더라도 웹 사이트를 사용할 수 있게 만드는 것을 말합니다. 본 주제에서는 콘텐트를 접근성 있게 개발하는 데 대한 정보를 제공합니다.
보안
웹사이트나 앱의 개인적인 데이터가 악의적인 사람에게 누출되지 않도록 해야 합니다. 이 주제의 글들을 통해 프로젝트의 보안을 강화해보세요.
전체 보기...

문서 태그 및 공헌자

태그: 
 이 페이지의 공헌자: tamnajio, young-gratia, pjc0247, stephenjang, Channy, ethertank
 최종 변경: tamnajio,