부트캠프

내일배움캠프 사전캠프 4일차

bunbun2 2022. 10. 21. 16:51

오늘은 javaScript로 제공된 API를 이용하는 공부를 했다!

 

서버에서 API를 받아와서 이용할 때의 두가지 방식!

get == 읽기전용 ?! 방식

post == 수정이 가능한 방식

 

Ajax 템플릿을 제공해주셔서 복사 붙여넣기만 해서 정말 쉽고 빠르게 만들어 보았다

 

 

오늘 느꼈던 것 첫번째.. ``(백틱)의 사기성.

`<span style ="color : red">${temp}</span>`

코드 치기 너무 편해진다. (저거 아니었음 ''랑 +를 몇번을 써야할지 벌써부터 귀찮음)

 

 

그리고 api가 이런식으로 있을 때,

ajax 템플릿을 이용해 받아온 response로부터

response['getStationList']['row']['stationName']

이런식으로 인덱스를 통해 세부적으로 데이터를 찾아나가는 방법!

 

 

 

$('#all').empty();		// 코드를 지울 때
$('#all').append('');		// 코드 자체를 추가할 때
$('#img').attr('src', url);	// 내부 속성 변경할 때
$('#text').text(msg);		// 내용 변경할 때

자주 쓰이는 메소드들까지..

 

 

강의를 너무 잘해주시니 진짜 재밌게 공부하고 있다.

겨우 4일차만에 여기까지 왔다는 것도 신기하고.. 일반적인 강의였다면 아직도 html코드들 외우고 있을것 같은데ㅋㅋㅋㅋ

구으으우욷!!