본문 바로가기

Web development

Github 업로드 일부 적용 오류

 <현재 서울의 날씨>를 변경해서 올리는 부분에서 VS-Code로 Open With Live Server 보았을 땐 정상적으로 변경된 것을 확인 할 수 있는데

Github에 올리고 URL(https://webcreastory.github.io/mypage3-2/) 확인해보니 <현재 서울의 날씨>가 변경되어 있지 않은 이전 페이지 그대로 이더라구요.

왜 온도가 변경되지 않은 것일까요? Github에 비슷한 페이지를 올려서 그런건지, 어떻게 정상적으로 적용하여 github에 올릴 수 있는지 확인 결과

<script>
        $(document).ready(function () {
            fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then(data => {
                let number = data['temp']
                $('#temp').text(number)
            })
        })
    </script>

GitHub Pages는 기본적으로 HTTPS를 사용하여 페이지를 제공하기 때문에 보안 정책에 따라 HTTP가 들어있는 내 코드의 <현재 서울의 날씨> fetch 부분을 받아들이지 않는 것이 오류의 원인이었습니다.

'Web development' 카테고리의 다른 글

웹(web) 개발  (0) 2023.07.08
fetch / 포스트 리스팅 API 붙이기 / 별 붙이기  (0) 2023.07.02
Fetch 반복문 조건문  (0) 2023.07.01
console.log(변수) [자료형:리스트]  (0) 2023.06.30
웹 브라우저 기본 원리  (0) 2023.06.28