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

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

안녕하세요. 웹게발 종합반 수강중인 학생입니다.

로컬환경에서 라이브서버로 코드를 확인할땐느 문제가 없는데

깃허브 페이지로 올려서 숙제를 제출하려 하니 오류가 발생합니다.

mixed content 오류가 발생합니다. 해당 오류로 인해서 패치를 통한 데이터를 불러오지 못하고있습니다.

구글링 해보니까 http, https 보안 문제라고 하더라구요.

메타를 통해서 http를 모두 https로 업그레이드 하거나 혹은 http를 통해 가져오는 리소스를 가져오지 않는 형태로 적용이 가능한 것 같습니다.

(저는 모두 https로 업데이트 하는걸로 했습니다. 이렇게 하니까 https 주소로 호출을 해서 패치를 위한 커넥트가 안되더라구요.ㅜㅜ )

깃페이지로숙제를 계속 제출해야 한다면 해당 데이터 가져오는 부분의 수정이 필요할 것 같습니다.

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르

 <!-- Mixed content 에러 발생 

  HTTPS 사이트에서 HTTP 요청을 할 경우 발생. 메타에 아래의 내용을 추가한다.-->

  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

$(document).ready(function () {

fetch("http://spartacodingclub.shop/sparta_api/weather/seoul")

.then(res => res.json())

.then(data => {

let temp = data['temp']

console.log('>>>>> '+temp)

$('#temp').text(temp)

})

})

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!