재사용 가능한 부분 템플릿 포함하기

탐색 막대나 푸터는 여러 페이지에 표시되지만 전체 레이아웃은 아닙니다. 이러한 조각에는 상속 대신 포함을 사용합니다. 🧱

전체 뼈대를 상속하려면 상속을 사용하고, 현재 템플릿의 특정 위치에 작고 재사용 가능한 조각을 넣으려면 포함을 사용합니다.

포함 태그는 다른 템플릿 파일을 자신이 배치한 위치에 삽입합니다. 포함된 파일의 마크업은 마치 그 자리에 직접 작성한 것처럼 렌더링됩니다.

부분 템플릿은 탐색 막대처럼 일부 조각만 담은 일반 템플릿입니다. _navbar.html이라는 이름은 이 파일이 포함될 용도임을 나타냅니다.

base 안에 부분 템플릿을 포함하면 이를 상속하는 모든 페이지에 탐색 막대가 자동으로 표시되므로 마크업을 반복하지 않아도 됩니다.

포함된 부분 템플릿은 자신을 포함한 페이지와 동일한 변수를 읽을 수 있으므로, 탐색 막대에 로그인한 사용자의 이름을 표시할 수 있습니다.

with를 사용해 부분 템플릿에 자체 값을 전달할 수 있습니다. 이렇게 변수의 범위를 지정하면 조각이 한 가지 역할에 집중하고 예측 가능하게 유지됩니다.

ignore missing을 추가하면 부분 템플릿이 없어도 페이지 렌더링이 중단되지 않고 조용히 건너뜁니다.

좋은 부분 템플릿은 푸터, 플래시 메시지 표시줄, 카드 하나처럼 한 가지 일만 합니다. 작고 집중된 조각은 재사용하고 이해하기 쉽습니다.

조각들을 부분 템플릿 하위 폴더에 모으고 해당 경로로 참조하세요. 그러면 전체 페이지와 재사용 가능한 조각을 명확히 구분할 수 있습니다.

부분 템플릿에서 푸터를 수정하면 이를 포함하는 모든 페이지가 함께 업데이트됩니다. 이러한 단일 수정이 바로 포함 기능이 존재하는 이유입니다. ✨

탐색 막대나 푸터처럼 작고 공유되는 조각을 삽입하려면 포함을 사용하세요. 조각은 작게 유지하고 폴더별로 정리하며 한 곳에서 수정하세요. 🎯