웹개발 종합반 2주차 학습

KEY

- jQuery는 라이브러리, 동작을 쉽게 만들 수 있음(div 열기 닫기, 색깔 바꾸기 등)

 따옴표 안에 값들은 id이름

 

$('#names-q3').append(temp_html);

$('#names-q3').empty();

 

 

- input태그에 입력한 값 가져와 html에 추가하기

let Q3 = $('#input-q3').val();
let temp_html = `<li>${Q3}</li>`
$('#names-q3').append(temp_html);

 

q3()함수 선언을 통해 버튼을 누르면 동작하게 했다(onclick=)

 

 

-jQuery쓰려면?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 추가

 

 

 

- jQuery에서 split사용 --> 기준에 되는 문자를 앞뒤로 나눔, 결과값은 리스트 형태로 접근

 

- 이메일 도메인 가져오는 방법

Q2.split('@')[1].split('.')[0])

==> asdf@gmail.com에서 asdf, gmail.com으로 나뉘고 gmail.com값을 선택

==> gmail.com이 다시 '.'을 기준으로 gmail.과 com으로 나뉜다.

 

 

- jQuery에서 includes사용 --> 반환 값은 true/false

 

- ajax는 골격, 기본적인 틀

 

- JSON(Java Script Object Notation)은 Key:Value

 

 

 

 

PROBLEM

- jQuery형태($('#element').hide();)에서 #표시 빼먹지 않기 

- html에 API에서 가져온 값 추가할 때 `(백틱) 사용하기

- jQuery 이미지태그 src 바꾸기:

$('#img-dog').attr("src", imgurl);

 

- 환율 값을 바로 가져오기 ==> 로딩 하자마자 ajax call하기 필요 

$(document).ready(function () {
    get_rate();
});

 

 

 

COMMENT

2주차는 좀 어려웠지만, 필수적인 것들을 많이 배웠다고 생각한다. 

바로바로 머릿속에서 설명은 못해도 인터넷 찾아서 설명할 수 있는 수준은 되자!