TIL_210520

JQuery

• JQuery는 미리 작성해둔 Javascript코드
• 사용전에 import해야만 사용할 수 있음
• 부트스트랩을 사용했다면 그 안에 이미 import되어 있음
• id 선택자 활용
• $()를 활용한 직관적인 코드들
  (.text() .val() .show() .hide() .css() .append() 등)
• 태그 내 html 입력하기 위해 backtick을 활용, ${}로 Javascript 변수 삽입도 가능
  (템플릿 리터럴)

JSON

Ajax

• 자바스크립트로 페이지 전환없이 서버에서 값을 받아올 수 있는 방법
• OpenAPI 활용
• Get 과 Post 요청
• Ajax는 JQuery를 import한 페이지에서만 동작

// Ajax의 기본 골격!!

$.ajax({
  type: "GET",
  url: "여기에URL을입력",
  data: {},  //Post에서 활용
  success: function(response){  //response는 변수
    console.log(response)
  }
})

// JQuery 로딩 후 실행

$(document).ready(function () {
            alert('로딩')
        });

오늘의 의문점들

.val()와 .text() 차이는 무엇일까?"

.val() : 일치하는 첫 번째 요소의 value 속성 내용을 가져옵니다.

.text() : 일치하는 모든 요소 ... 문자열 ... HTML 및 XML ...
입력 요소에 사용할 수 없습니다. 입력 필드 텍스트의 경우 val 속성을 사용하십시오.

라고한다..

"var와 let 차이는 무엇일까?"

var : 변수를 재선언 가능

let : 변수 재선언 불가능, 재할당 가능

const : 변수 재선언, 재할당 둘다 불가능

"i++와 i+=1 차이는 무엇일까?"

라고한다.

.attr()

• 속성값을 추출하거나 .attr('class')
• 속성값을 추가하거나 .attr('class','value')

alt속성

• 이미지가 손상되거나 엑박이 뜰 때 이미지를 설명

생각

• 궁금한건 바로 찾아서 해결하고 정리하자
• console로 확인하는 습관을 기르자