도구·사이트 목록

MDN Web Docs

웹사이트 · 학습·강의

웹 기능의 문법·예제·호환성 찾아보기

HTML, CSS와 JavaScript 등 웹 기술의 문서와 학습 자료를 제공하는 참고 사이트입니다.

  • 웹 표준 문법·예제
  • 브라우저 호환성 안내

어떤 때 쓰면 좋을까요?

코드 예제를 따라 쓰다가 속성이나 API가 실제로 어떤 의미인지 확인할 때 활용합니다. 설명, 예제와 관련 항목을 함께 읽으며 사용 조건을 이해할 수 있어요.

문서의 예제를 내 프로젝트에 그대로 넣기보다 입력과 실행 환경을 맞춰 확인하세요. 한국어 문서가 오래된 경우에는 원문과 수정 시점을 비교하면 좋습니다. 중요한 기능은 호환성 표와 연결된 표준 문서도 참고합니다.

이렇게 써보세요

CSS grid 문서의 예제를 바꿔가며 카드 너비와 줄 수가 어떻게 결정되는지 확인해보세요.

얻는 결과정확한 문법과 구현에 필요한 참고 근거

사용 순서

  1. 기능이나 속성 이름을 검색합니다

  2. 설명·문법·예제를 읽습니다

  3. 호환성과 실제 실행 결과를 비교합니다

사용할 때 알아두세요

번역·예제·지원 현황의 갱신 시점을 확인하세요. 문서가 실제 프로젝트 테스트를 대신하지는 않습니다.

MDN Web Docs 접속하기

제작자 소개 · 2026-10-04 확인 · 기능·요금은 제작자의 최신 안내를 확인하세요.