3. Views/Shared 폴더에 Components 폴더가 있는지 확인하고, 만약 새롭게 프로젝트를 만들어서 연습한다면 Components 폴더를 새로 생성한다. 이곳에 뷰 컴포넌트 이름인 Copyright라는 이름으로 폴더를 생성하고, Default.cshtml로 뷰 페이지를 만든 후 다음과 같이 코드를 작성한다.

▼  /Views/Shared/Components/Copyright/Default.cshtml

<div class="text-center">
  Copyright &copy; @DateTime.Now.Year all right reserved.
</div>

---

 

4. 같은 경로에 Details.cshtml 뷰 페이지를 추가한 후 다음과 같이 코드를 작성한다. 뷰 컴포넌트에서 서로 다른 뷰를 호출하는 걸 테스트하기 위해서 코드만 조금 바꾸었다.

▼  /Views/Shared/Components/Copyright/Details.cshtml

<div class=“text-center”>
  Copyright &copy; @DateTime.Now.Year <em>DotNetNote</em> all right reserved.
</div>

---