(미정리)2주차-3 (이해도 떨어지는 부분)

임포트?  미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 한다.

달러표시 $ ?

https://www.w3schools.com/jquery/jquery_get_started.asp

jQuery Get Started

jqueryCDN

 

제이쿼리는 자바스크립트를 미리 짜놓은 코드, 라이브러리 라고 함

 

css와 마찬가지로, jQuery를 쓸 때에도 "가리켜야" → 조작할 수 있습니다. 예) 특정 인풋박스의 값을 → 가져와줘! 예) 특정 div를 → 안보이게 해줘! css에서는 선택자로 class를 썼지요? jQuery에서는 id 값을 통해 특정 버튼/인풋박스/div/.. 등을 가리키게 됩니다.

 

html,css 에서는 지칭을 class

jquery에서는 지칭을 id

 

$('#url').val('입력을 하고싶다')

#url은 id url 에다가 jquery를 먹일건데, 그 먹이는게 뭐냐면 걔의 value를 넣고싶어

예를 들어 $('#post-box').hide()

#post-box를 제이쿼리인 hide() 를 먹인다. 즉 숨기는 작동을 하자

 

let temp_html = `<button>나는 버튼이다</button>`    ///백틱을 쓰자/// ///backtick을 사용하면 문자 중간에 Javascript 변수를 삽입할 수 있습니다.////

html과 비슷한 문자열이 들어가있는것. 그래서 <button>나는 버튼이다</button> 이것들을 제이쿼리의 기능을 써야됨

$('#cards-box').append(temp_html)  그러면cards-box에다가 이거를 html화 하겠다 라는 뜻

 

 

 

딕션너리하고 리스트형이 합쳐져서 나오는걸 json 형태라고 한다.

 

2-3

2-6

2-7

 

 

$.ajax({

type: "GET",

url: "http://spartacodingclub.shop/sparta_api/seoulair",

data: {},

success: function (response) {

  let mise_list = response["RealtimeCityAir"]["row"];

  for (let i = 0; i < mise_list.length; i++) { let mise = mise_list[i];

     let gu_name = mise["MSRSTE_NM"];

     let gu_mise = mise["IDEX_MVL"];

///여기까지 적으면 홈페이지-F12-콘솔창에서만 보여지는거임///

 

     let temp_html=`<li>${gu_name} : ${gu_mise}</li>`

////그래서 위에 태그를 작성해야 홈페이지 화면상으로도 뜨는거임!///

 

   $('#names-q1').append(temp_html) 

////names-q1을 temp_html을 append 해라////