![](https://blog.kakaocdn.net/dn/dXdDgz/btsEWhbg1iN/XFY9Zcsfin8P4rSqIlctB1/img.png)
인터넷 관리자창에 콘솔에서도 코딩이 가능하다.
![](https://blog.kakaocdn.net/dn/vEU9j/btsEXonvX3P/eYD0v0KIlqhYSynYmuFybk/img.png)
숫자 증가 및 콘솔창에서 내용 변경가능
탐색기 넣어다가 빼는 단축키 : ctrl + b
![](https://blog.kakaocdn.net/dn/4Xjo4/btsEZz9t9DE/aKmGytrgM1bKWMBXaOklm1/img.png)
콘솔 창에서 계산 및 문자를 넣어 줄 수 있다.
![](https://blog.kakaocdn.net/dn/zCi6x/btsEY8YvQQj/vKgubakGw1NWsmawYWg7a0/img.png)
리스트의 순서를 적을 때는 0,1,2,3 순으로 된다는 것을 기억
![](https://blog.kakaocdn.net/dn/o3MA2/btsEZAmUXCq/KnQ8nVz2DgRpjgA36tlVF1/img.png)
딕셔너리는 키와 밸류라는 것을 잘 기억
**** 리스트는 순서가 중요한 명령어이다, 반면에 딕셔너리는 순서에 상관없이 키의 값만 맞다면 아무렇게 넣어주어도 상관이 없다.
![](https://blog.kakaocdn.net/dn/bMrMfy/btsEWfxKhj8/6FrQ1maQkF77ciwkBdKnR0/img.png)
jquery 를 이용하여 조금 더 쉽게 만들 수 있다.
![](https://blog.kakaocdn.net/dn/cfFtNF/btsE0i0DNWo/cvfmhzINqk0ZDjKE0eLvOK/img.png)
간편한 코드
![](https://blog.kakaocdn.net/dn/bI87R8/btsEYNmOc30/EkDKVb9fUfIm4CwLWHBU61/img.png)
실시간 변화는 시간 적용
* 변수 선언 팁
![](https://blog.kakaocdn.net/dn/JPnXx/btsEWAV1wof/Dk5aumFzPK1GkTbQxImpsK/img.png)
var의 특
![](https://blog.kakaocdn.net/dn/b3FPKx/btsEV8yHG90/FalEWgbEYe16WMfnJtdLeK/img.png)
* 서버 데이터 받아오기
![](https://blog.kakaocdn.net/dn/de04RM/btsEY9XqfUg/eL0dDmWiZR6UDD0LKnhAoK/img.png)
json(실시간 데이터?) 또는 html을 요청할 수 있다.
![](https://blog.kakaocdn.net/dn/H5t9y/btsE0guZIYQ/a2ykkrpHK0mAYnVOAQmTd1/img.png)
![](https://blog.kakaocdn.net/dn/lt8Cx/btsEY9b3qRD/4WKVSK7F1o85vwDIsNDQpk/img.png)
![](https://blog.kakaocdn.net/dn/v1OAr/btsEYOlIRgn/rJ9ncDdKmikm4p1GDcLE00/img.png)
![](https://blog.kakaocdn.net/dn/cwo9RY/btsEZBTJoX5/kfNMmKrddIGYeJF5WEkz0K/img.png)
console.log(data) : 전체 데이터
이중에서 내가 원하는 데이터만 골라 오기 위해서는 지정을 해야 하는데
예를 들어 내가 원하는 값이 "중구"의 값을 가져오고 싶다고 하면
RealtimeCityAir 안에 있는 row의 0번째 방에 MSRSTE_NM의 값을 찾아야 주어야 한다.
그렇기에 코딩에서 console.log(data['RealtimeCityAir']['row'][0]['MSRSTE_NM']) 이렇게 적어주면
![](https://blog.kakaocdn.net/dn/BcZeG/btsEWAIwc7m/MfiJmB4V60Pp7RwZEifBpk/img.png)
이렇게 원하는 값만 출력이 가능하다.
![](https://blog.kakaocdn.net/dn/xj3co/btsE0htUM4w/U6mHAy4QzW2IiLDbKoAti0/img.png)
날씨의 온도를 변경해 주는 패치 fetch 함수
![](https://blog.kakaocdn.net/dn/b9ctqJ/btsEWz3VPIm/BBnFu9AfnXsnWCvWujIxqk/img.png)
그 외에 jquery 함수에 대해서 알고 싶다면,
[ JQuery ] 제이쿼리 함수 ( attr, val, data 등 ) — 애송이의 코딩이야기 (tistory.com)
여기서 가져올 수 있다.
'AI 코딩 교육 TIL' 카테고리의 다른 글
2024-01-31 AI 코딩 TIL (1) | 2024.02.16 |
---|---|
2024-01-30 AI 코딩 TIL (0) | 2024.02.16 |
2024-01-26 AI 코딩 TIL (0) | 2024.02.16 |
2024-01-25 AI 코딩 TIL (0) | 2024.02.16 |
2024-01-24 AI 코딩 TIL (0) | 2024.02.16 |