728x90
반응형
SMALL
항해 2주차 수업 완료~!
2주차에서는 ajax를 공부!
(세상에서 제일 어려운게 정리라고 하는데....)
손으로는 이걸 꾸밀 수 있겠는데 컴퓨터로 정리하는게 참.. 힘들당...
#ajax
<script>
$(document).ready(function(){
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/weather/seoul",
data: {},
success: function (response){
let temp = response['temp']
$('#temp').text(temp)
}
})
});
</script><style>밑에 위에 사진 처럼
type: "GET",
-> 저는 여기서 외부 url에서 데이터를 가져오기 때문에 구해서 넣는다 라고 생각합니다!
(사람마다 생각은 다르니깐여, 그냥 제가 하나하나 기억하기 쉽게 해석할려고 끼워 맞춘것도 맞아여..ㅎ)
url: 주소!
-> 외부에서 주소를 넣으면 됩니당
data: {}
-> 외부에서 주소에 있는 데이터를 가져와서 비워두는 것 같다
<p>현재기온 : <span id="temp">00.0</span>도 </p>success: function (response){
let temp = response['temp']
-> id에 기온을 temp으로 정했기 때문에 ajax안에 서도 temp을 지정!
$('#temp').text(temp)
-> '#' 로 id를 호출!!
#temp
success: function (response) {
console.log(response)
}
success: function (response) {
let temp = response['temp']
console.log(temp)
}
success: function (response) {
let temp = response['temp']
$('#temp').text(temp)
}검사로 들어가서 console에서 현재 온도가 나오는지 확인하고
밖으로 끌어오기 위해 <p>와 <spen>으로 묶기!
현재기온을 넣을 수 있다!
물론
<body> 안에
<h1>아이들 팬명록</h1>
<p>현재기온 : <span id="temp">00.0</span>도 </p>
</div><p>를 사용하여 넣어야 한다!
오늘도 (여자)아이들은 멋졌고,
멜론에서 상을 못탄게 솔직히 저도 이해가 안됩니다!!!!!
화나고 분하지만 항상 좋은 음악과 멋진 모습을 기대하며 오늘의 응원은 여기서 마무리하겠습니다~
강의를 쭉 들을 수 있는 시간이 있으면 좋겠는데 그게 힘들어서
걱정입니다 ㅠㅠ
다음주 강의는 파이썬인데
이거 파이썬 대학교때 수업때 간단한거 빼고 한적이 없는뎁...
걱정걱정
파이썬 기초 강의 공부하기!
월, 화 연수원 또가는데.... 살려주세영....
728x90
반응형
LIST
'개발 > 프로젝트' 카테고리의 다른 글
| 토이프로젝트 - devstagram (0) | 2023.01.09 |
|---|---|
| 팬명록 완성하기! (0) | 2022.12.20 |
| [개인 프로젝트] 나에게 맞는 보험 상품 찾기 (0) | 2022.12.18 |
| 지니차트 만들기 (0) | 2022.12.16 |
| 팬명록 메인 페이지 만들기 (0) | 2022.12.04 |