개발자를 위한 웹 기술
웹의 개방성은 개발자들에게 많은 기회를 제공합니다. 하지만 웹 기술을 잘 활용하려면 우선 그 사용 방법을 잘 알아야 합니다. 아래의 링크들을 확인하여 다양한 웹 기술을 배워보세요.
웹 개발자를 위한 문서
- 웹 개발자 안내서
-
웹 개발자 안내서는 원하는 것과 필요한 것을 웹으로 만들 때 유용한 도움말을 제공합니다.
- 웹 개발자를 위한 자습서
-
HTML, CSS, JavaScript, Web API에 대한 단계별 학습을 제공하는 문서 목록입니다.
- 접근성
-
가능한 한 많은 사람들이 웹사이트를 사용할 수 있게 합니다. 비록 이러한 사람들의 능력이 어떤 식으로든 제한되어 있는 경우에도 말이죠.
- 성능
-
가능한 한 빠르게 콘텐츠를 사용 가능하게 하고 가능하면 상호작용이 기능하게 만듭니다.
- 보안
-
데이터 유출 및 도난, 부채널 공격(side-channel attacks) 및 크로스 사이트 스크립팅, 콘텐츠 주입 및 클릭 재킹과 같은 공격으로부터 사용자를 보호합니다.
웹 기술 참고서
- 웹 API
-
웹에서 앱을 만들기 위해 사용하는 JavaScript 프로그래밍 API입니다.
- HTML
-
HTML은 웹 문서와 앱을 구조화하는데 필요한 기본적인 구성 요소를 제공합니다.
- CSS
-
Cascading Style Sheets는 웹 문서와 앱의 외형을 만드는데 사용됩니다.
- JavaScript
-
JavaScript는 웹의 기본 프로그래밍 언어입니다.
- WebAssembly
-
WebAssembly는 C, C++, Rust, Swift, C#, Go 등으로 작성한 프로그램을 웹에서 구동할 수 있도록 합니다.
- Events
-
이벤트는 웹 페이지 로드가 완료되거나 사용자가 무언가를 선택하거나 키를 누르거나 창 크기를 조정하거나 양식을 제출하거나 비디오를 일시 중지할 때 여러분이 만든 웹 앱이 반응해야하는 것 입니다.
- HTTP
-
HTTP는 웹을 통해 문서, 스타일시트, 스크립트, 이미지, 비디오, 글꼴 및 기타 리소스를 가져오고 웹 서버로 다시 보내기 위한 기본적인 인터넷 프로토콜입니다.
- Media
-
웹 문서 및 앱에 비디오, 오디오 및 이미지 콘텐츠를 내장하고 스트리밍하기 위한 형식, 코덱, 프로토콜, API 및 기술.
- SVG
-
Scalable Vector Graphics(SVG)는 어떠한 크기로 확대해도 부드러운 이미지를 만들수 있습니다.
- MathML
-
MathML은 복잡한 수학 표기법을 웹에 표시할 수 있습니다.
- 웹 컴포넌트
-
웹 컴포넌트는 개발자가 직접 정의하고 재사용할 수 있는 사용자 정의 요소입니다.
- WebDriver
-
웹드라이버(WebDriver)는 브라우저를 사용하는 실제 사람의 행위를 모방하여 원격으로 브라우저를 제어하는 브라우저-자동화 메커니즘입니다. 웹 앱의 브라우저간 테스트를 위해 폭넓게 사용합니다.
- Web Extensions
-
웹 확장 기능(Web Extensions)은 브라우저에서 사용자에게 향상된 기능을 제공합니다. 광고 및 기타 컨텐츠 차단, 페이지 모양 사용자 지정 등을 수행할 수 있습니다.
- Web App Manifests
-
웹 앱 매니페스트(Web App Manifest)를 사용하면 사용자가 세로/가로 화면 방향과 디스플레이 모드(예: 전체 화면)를 미리 설정하여 장치의 홈 스크린에 웹 앱을 설치할 수 있습니다.
- 프로그레시브 웹 앱(PWAs)
-
프로그레시브 웹 앱(Progressive Web App)은 네이티브 모바일 앱과 유사한 사용자 경험을 제공합니다.
개발자 도구 문서
- Firefox Developer Tools
-
Firefox에 내장된 웹 개발자 도구 집합에 대한 설명서입니다.
- Chrome DevTools
-
Chrome에 내장된 웹 개발자 도구 집합에 대한 설명서입니다.
- Safari Web Inspector
-
Safari에 내장된 웹 개발자 도구 집합에 대한 설명서입니다.
- Edge DevTools
-
Edge에 내장된 웹 개발자 도구 집합에 대한 설명서입니다.