자바스크립트 => html 더 잘 제어하는 방법 자바스크립트 browser
페이지 전체 리로딩 되지않고
서버에 데이터 요청??
공공데이터 재밌다~?
자바스크립트 연습 1번 홀수 2번 짝수 3번 홀수
count += 1; count = count +1; 같은거
함수안에서 변수를 사용하면 사라지고
함수밖에서 사용하면 축적시킬수있다
핵심 함수 안에서 만약 내가 선언했다면 그 박스는 함수가 끝나면서 같이 끝난다.
움직이게 하는거 jquery 미리작성된 javascript 코드 (bootstrap과 같은개념) 남이 써준 코드 ㅋㅋ
맨 위에 항상 임포트를 해야한다
부트스트랩으로 임포트하지않은이상 jQuery CDN
<head>
</head>
이 source를 위에다 임포트 시켜줘야 jquery를 사용할수있다.
` 백틱 용어
jquery와 자바스크립트를 잘 써야 중요하다
ajax jquery를 임포트한 페이지에서만 작동
$(`#names-q1`).empty() =>중복되는거 지우는 코드
$(`#names-q1`).append(temp_html) => temp_html에관한 부분을 html에 추가해서 표기
디렉터리를 모두 출력할게아니면 이런식으로 세분화해서 꺼내준다
let rows = response[`RealtimeCityAir`][`row`]
for (let i = 0; i < rows.length; i++) {
let gu_name = rows[i][`MSRSTE_NM`]
let gu_mise = rows[i][`IDEX_MVL`]
let temp_html = `<li>${gu_name} : ${gu_mise}</li>`
console.log console창에 출력 로그
console.log(rows)
'frontend' 카테고리의 다른 글
| 2022-04-10 (0) | 2022.04.12 |
|---|---|
| 2022-04-09 (0) | 2022.04.12 |
| 2주차 숙제 : 원페이지 쇼핑몰에 환율 계산기 달기 (0) | 2022.04.09 |
| 2022-04-08 (0) | 2022.04.09 |
| 2022-04-07 (0) | 2022.04.08 |