[TIL 2024. 02. 05]

오늘 한 일

-웹개발 3주차

 

-TIL작성

 

오늘의 리뷰

-버튼에 함수를 연결하는 경우, fetch로 데이터 가져오는 경우 등.

-> 잘 연결되었는지 혹은 잘 가져와졌는지 확인하려면 alert를 써보거나, 콘솔에 로그를 찍어봐도 됨.

-별점은 .val()으로 가져오니, 숫자로 출력됨. -> value값 자체를 별로 교체해줌.

 

-우리은행 용산지점(=서버(위치)), 은행창구(=API)

통상적으로 API는 허락된 곳의 접근만 허용함. 단, openAPI는 예외.

 

-https://서버위치/창구이름?창구에서 가져가는 데이터

(=GET방식)

 

즉, 정리하면

요청 type 중 하나: GET요청

주고받는 데이터 type: JSon

 

-fetch를 쓸 때는_제이쿼리도 연결해둘 것.

-fetch 기본골격은 외워서 쓰는 게 아니라_가져다 쓰면 됨.

 

-foreach는 리스트와 쓰이므로,

RealTimeCityAir에서는 row까지 접근한 후, row:리스트를 rows라는 이름으로 받아오는 게 처음. 그리고 그 리스트를 반복하면 됨!

 

-미세먼지_반복

:쌓이기 전에 싹 날리면(empty())-> 업데이트 누를 때마다 이어서 추가되는 현상_해결.

 

-gu_mise가 40이상일 때는 빨간 글씨로.

: 먼저 temp_html을 비워두고(``),

이미 있는 변수(ex. temp_html)에 뭔가를 넣을 때는 let 안 씀. 그냥 바로 변수=~

 

-백틱으로 정의해서 태그를 html로 추가하기_백틱으로 묶은 문자열 자체에 class값을 줘서 색깔 줄 수 있음.

 

-span태그는 p태그 안에서 글자를 묶을 때 씀.

즉, span태그는 이외의 별다른 효과없이, p태그 안의 일정 글자를 지정해서 묶을 뿐!

 

-document ready()하면 바로 fetch를 call하게.

(<->사용자가 행동을 하면(ex. 버튼 클릭)_뭔가가 움직이는 게 아니라)

 

---------------------------------------------------------------------------------------------------------

[여러가지 방법_코드 비교해보기!]

 

p태그 전체에 id를 달아서 fetch할 수도 있지만,

이렇게 하면 매번 "현재 서울의 미세먼지:"도 출력해야 함.

(변수 main_mise 작성시 주의! 여기는 append가 아니라 text임.)

 

그래서 하단의 방법이 더 좋음.

즉, 여기서는 fetch로 가져오는 data부분만 span태그로 감싸서,

span태그 자체에 id값을 줌.