티스토리 뷰

개발/프로젝트

팬명록 현재 기온 넣기!

aihtnyc_h 2022. 12. 11. 17:03
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
반응형
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함