완주 후 랜덤배경화면을 github에 업로드문제

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

완주 후 랜덤배경화면을 github에 업로드문제

undefined주차

박*희

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

완주보상으로 랜덤 배경화면 만들기 자료를 보면서 이미지를 넣었습니다.

프로그램의 open with live server에선 이미지가 랜덤으로 바뀌었지만 GitHub에 업로드를 하면 이미지가 바뀌지 않고 흰바탕만 나타납니다.

왜 그러는걸까요?

GitHub에선 body의 입력했던 이미지주소마저 나오질 않습니다.

Github에 업로드 한 파일 상태입니다.

open with live server에선 새로고침하면 제대로 랜덤이미지가 실행됩니다.

폴더 만들 때 잘못 했을까요?

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <title>JjnHee Home</title>


    <script src="index.js"></script>


    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');


        * {
            font-family: 'Poppins', sans-serif;
        }


        body {
            background-image: url("https://cdn.imweb.me/upload/S2017100759d8411403950/5ad993b1ca72f.jpg");
        }


        .time {
            font-size: 80px;
            font-weight: bold;
            color: white;
            text-shadow: -2px 0px black, 0px 2px black, 2px 0px black, 0px -2px black;


        }


        .greeting {
            font-size: 40px;
            color: black;
            text-shadow: -1px 0px white, 0px 1px white, 1px 0px white, 0px -1px white;
        }


        .todo {
            font-size: 20px;
            color: white;
            text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;
        }


        .author {
            font-size: 15px;
            font-style: italic;
            color: white;
        }


        .main {
            width: 100vw;
            height: 85vh;


            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }


        .quote {
            width: 100vw;
            height: 15vh;


            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        


    </style>


    <script>
    </script>
</head>


<body>
    <div class="main">
        <div id="currentTime" class="time">12:00</div>
        <div class="greeting">Sprihg</div>
        <div class="todo">향기로운 꽃내음으로 한 걸음 더</div>
    </div>
    <div class="quote">
        <div id="quoteAuthor" class="author">- 명언 저자 -</div>
        <div id="quoteContent" class="content">" 명언 내용 "</div>
    </div>
</body>


</html>

댓글 알림