[강의] 웹개발 종합반 2주차

jQuery 남이 짜둔 자바스크립트 코드

import해서 사용한다. 부트스트랩에는 자동으로 되어있다.

 

$('#어쩌구')가 어쩌구 id를 뜻하는 것 같다. 이걸 이용해서 해당 id를 가진 요소를 변경할 수 있다.

위는 append를 이용해서 카드를 붙여준 모습이다.

 

GET방식 : 데이터 조회를 요청할 때

https://movie.naver.com/movie/bi/mi/basic.naver?code=161967

서버 주소(은행)            (은행 창구)                  들고 가는 데이터

 

POST 방식 : 데이터 생성, 변경, 삭제 요청

 

Ajax

추측 : 서버에서 데이터를 요청받는 데 필요한 기술인 듯

jQuery가 import된 웹페이지의 개발자 도구에서만 사용 가능하다.

$.ajax({
  type: "GET",
  url: "여기에 코드",
  data: {},
  success: function(response){
    console.log(response)
  }
})

 

response는 서버에서 준 결과(url의 json)

 

이번 주 과제 지난 양초를 팝니다에 달러 원 환율 붙이기

<script>
        $(document).ready(function func() {
                $.ajax({
                        type: "GET",
                        url: "http://spartacodingclub.shop/sparta_api/rate",
                        data: {},
                        success: function (response) {
                                let rate = response['rate']
                                let temp_html = `<span>${rate}</span>`
                                $('#rate').append(temp_html)
                        }
                    }
                )
            }
        )
</script>