h5bp/html5-boilerplate

어떤 프로젝트인가요?

핵심 기능

• 01점진적 향상을 고려해 설계한 HTML, CSS, JavaScript 스타터 구조.
• 02Open Graph 태그 자리표시자와 CSS 미디어 쿼리.
• 03유용한 CSS 헬퍼 클래스와 성능을 고려한 기본 인쇄 스타일.
• 04WebPack 빌드 명령어가 포함된 예제 package.json.
• 05필요하지 않은 부분을 쉽게 제거할 수 있습니다.
• 06오프라인에서 읽을 수 있도록 문서가 포함되어 있습니다.

활용 사례

• 탄탄한 HTML 및 CSS 기반으로 새 정적 웹사이트나 랜딩 페이지를 시작할 때.
• 특정 프레임워크에 종속되지 않는 템플릿으로 프런트엔드 웹 앱을 빠르게 시작할 때.
• HTML head 구성, 메타 태그, 인쇄 스타일의 모범 사례를 익힐 때.

빠른 시작

1. 1

   create-html5-boilerplate로 새 사이트의 기본 구조를 생성합니다

   npx create-html5-boilerplate new-site
2. 2

   새 사이트 폴더로 이동합니다

   cd new-site
3. 3

   종속성을 설치합니다

   npm install
4. 4

   프로젝트를 시작합니다

   npm run start

사용 전 알아둘 점

• !템플릿의 예제 package.json은 WebPack 명령을 기반으로 하므로 빌드 설정을 조정해야 할 수 있습니다.

토픽

자주 묻는 질문

html5-boilerplate은(는) 무엇인가요?

빠르고 안정적이며 유연한 웹사이트와 웹 앱을 만들기 위한 전문적인 프런트엔드 HTML, CSS, JavaScript 스타터 템플릿입니다. HTML5 Boilerplate는 프런트엔드 프로젝트를 위한 스타터 템플릿입니다. 브라우저 호환성, 성능, 인쇄 등 흔히 고려해야 하는 사항을 반영한 HTML 문서 구조, CSS 기본 스타일, JavaScript 설정을 미리 제공하므로 개발자는 빈 파일 대신 검증된 기반에서 작업을 시작할 수 있습니다.

html5-boilerplate은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

html5-boilerplate은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

html5-boilerplate은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. html5-boilerplate의 마지막 커밋은 2026년 10월 12일입니다.

html5-boilerplate은(는) 어디에 사용할 수 있나요?

탄탄한 HTML 및 CSS 기반으로 새 정적 웹사이트나 랜딩 페이지를 시작할 때. 특정 프레임워크에 종속되지 않는 템플릿으로 프런트엔드 웹 앱을 빠르게 시작할 때. HTML head 구성, 메타 태그, 인쇄 스타일의 모범 사례를 익힐 때.

html5-boilerplate는 어떻게 설치하나요?

create-html5-boilerplate로 새 사이트의 기본 구조를 생성합니다: npx create-html5-boilerplate new-site 새 사이트 폴더로 이동합니다: cd new-site 종속성을 설치합니다: npm install 프로젝트를 시작합니다: npm run start

html5-boilerplate은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/h5bp/html5-boilerplate