<현재 서울의 날씨>를 변경해서 올리는 부분에서 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 |