부분 템플릿(Partial)은 Mustache에서 재사용 가능한 템플릿 조각을 의미합니다. 이를 통해 코드의 재사용성과 유지 보수성을 높일 수 있습니다.
- 부분 템플릿 파일 생성:
header.mustache라는 파일을 만들고 공통으로 사용할 헤더 내용을 작성합니다.
(아래 이미지는 layout 폴더를 만들고, 그 안에 header를 생성하였습니다.)
header 파일 내용:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>blog</title>
</head>
<body>
<nav>
<ul>
<li>
<a href="/">홈</a>
</li>
<li>
<a href="/board/save-form">글쓰기</a>
</li>
</ul>
</nav>
<hr>- 기본 템플릿에서 부분 템플릿 포함:
- 기본 템플릿 파일에서
{{> 부분템플릿_이름}}문법을 사용하여 부분 템플릿을 포함시킵니다.
(추가로 생성시킨 폴더 안에 있으면 폴더명/파일명 과 같이 작성합니다.)
부분 템플릿을 사용하는 이유
- 코드 재사용성:
- 동일한 코드 조각을 여러 곳에서 재사용할 수 있어 중복을 줄이고 코드의 일관성을 유지할 수 있습니다.
- 예를 들어, 웹사이트의 모든 페이지에 공통적으로 포함되는 헤더나 푸터를 부분 템플릿으로 만들 수 있습니다.
- 유지 보수성 향상:
- 공통 템플릿을 한 곳에서 관리할 수 있어 유지 보수가 용이합니다. 공통 코드에 변경 사항이 생길 경우 모든 페이지에서 일괄적으로 적용됩니다.
- 예를 들어, 사이트의 레이아웃이 변경될 때 각 페이지를 개별적으로 수정할 필요 없이, 부분 템플릿만 수정하면 됩니다.
- 구조적 가독성 향상:
- 큰 템플릿 파일을 여러 부분 템플릿으로 나누어 관리하면 코드가 더 구조적이고 가독성이 좋아집니다.
- 예를 들어, 페이지의 다양한 섹션을 독립적인 부분 템플릿으로 나누어 관리할 수 있습니다.
Share article