CSS 분리할때, background-image url 주의할 점

디렉토리가 다음과 같이 되어있는 경우, home.css 에서 background-image url 로 이미지를 참조할때는
경로 앞에 "../"을 붙여야한다.

../ 이것은 기준 디렉토리의 상위 디렉토리를 의미한다.

 

.home-image {
    position: relative;
    background-image: url("../img/olaf.jpg");
    height: 100vh;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;

    margin: 0;
    padding: 0;
}