[Vue.js] 페이지 배경화면(background) 설정하기 (스크롤 금지, 반복 금지, 사이즈 맞춤, 사진 중앙 정렬)
페이지에서 배경화면을 설정하는 방법에 대해 설명하겠습니다. 만들고자 하는 웹에 따라 배경화면의 설정이 달라질 수 있습니다. 우선 기본 코드를 먼저 보도록 하겠습니다. Hello HTML에는 다음과 같이 해주시면 됩니다. class="background"로 설정 했기 때문에 CSS에서 .background로 설정하면 됩니다. /*CSS*/ 저는 다음과 같이 .background를 설정했습니다. 이제 하나씩 살펴보도록 하겠습니다. height: 100vh; 높이를 설정한 것입니다. vh는 뷰포트 높이로 이는 뷰포트의 100분의 1의 값을 가집니다. 즉, 뷰포트의 전체 높이가 800px이라면 1vh는 8px입니다. 100vh로 지정한 이유는 배경화면이기 때문에 전체 화면을 꽉 채워야하기 때문입니다. overf..