티스토리 뷰
jQuery 와 Fetch
- 공부한 내용 본인의 언어로 정리하기
오늘 발생된 버그모음
HTML에서 ID로 찾을 때는 # 표시 반드시 하기!!
버그코드
$('quoteAuthor').text(authorMsg)
$('quoteContent').text(contentMsg)
해결코드
$('#quoteAuthor').text(authorMsg)
$('#quoteContent').text(contentMsg)
파이썬 사용 시 들여쓰기(indent)에 신경쓰기!
들여쓰기가 잘못되면 원하는대로 구문이 돌아가지 않음
버그코드
ages = [5, 15, 20, 16, 22, 12] for age in ages: # 조건 (나이가 20살 보다 크다면) if age > 20: print(f"{age}살은 성인입니다.") else: print(f"{age}살은 청소년입니다.")
해결코드
ages = [5, 15, 20, 16, 22, 12] for age in ages: # 조건 (나이가 20살 보다 크다면) if age > 20: print(f"{age}살은 성인입니다.") else: print(f"{age}살은 청소년입니다.")
파이썬에서 조회할 때는 대괄호([])를 사용하기
괄호 사용에 주의하자!
버그코드
for row in rows:
gu_name = row('MSRSTE_NM')
gu_mise = row('IDEX_MVL')
print(gu_name, gu_mise)
해결코드
for row in rows:
gu_name = row['MSRSTE_NM']
gu_mise = row['IDEX_MVL']
print(gu_name, gu_mise)
MacOS 터미널에서 파이썬 파일 실행하기
python3 파일명.py
jQuery
jQuery는 Javascript와 다른 게 아니라 미리 작성된 JavaScript 코드다 곧 이미 전문개발자들이 준비해둔 코드를 활용하면 되는것! 미리 작성된 JavaScript 코드를 가져오는 것을 '임포트'라고 부른다
jQuery CDN을 복사하여 <head> 와 </head> 사이에 넣어주면 끝
ex)
css-클래스처럼 자바스크립트에서 html을 움직이게 하기 위한 명찰, id 값이 필요하다
백틱(`) : temp_html 이라는 변수를 만들 때 백틱을 사용한다
서버-클라이언트 통신의 이해
JSON은 주로 다른 프로그래밍 언어끼리 통신 할 때 쓰는 데이터 양식, 우리가 택배를 주고 받을 때 쓰는 상자와 같은개념
Fetch
Fetch를 쓰면서 jQuery를 사용할땐 jQuery를 임포트한 페이지에서만 동작한다
즉, http://google.com/ 과 같은 화면에서 개발자도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜬다 Uncaught TypeError: $ is not a function → jQuery 라는 게 없다는 뜻
Fetch 코드 설명
fetch("여기에 URL을 입력") ← 이 URL로 웹 통신 요청을 보냄
← 이 괄호 안에 URL밖에 들어있지 않다면 기본상태인 GET이 출력
.then() ← 응답을 받은 다음 행동(통신이 성공했다면)
res ⇒ res.json() ← 통신 요청을 받은 데이터는 res 라는 네이밍을 붙인다(변경 가능)
← res는 JSON 형태로 바꿔서 조작할 수 있게 변경
.then(data ⇒ {}) ←JSON 형태로 바뀐 데이터를 data 라는 이름으로 붙인다
</aside>
- 오늘의 회고
정신없는 하루... 여태 코드를 받아적으며 따라했던것과 달리 처음으로 주어진 과제만 보고 스스로 풀려고 했다가 여러차례 버그가 발생했고 이내 이전에 있던 코드조차 망가져 버렸다 자신감도 떨어지고 이제와서 도움받기 힘들다는 생각에 다시 강의듣기를 시작했지만 이미 집중력은 바닥을 찍은상태 차근차근 다시 도전해보도록하자
'내일배움캠프 개발자과정 > TIL' 카테고리의 다른 글
| 내일배움캠프 6일차 TIL (0) | 2024.02.20 |
|---|---|
| 내일배움캠프 5일차 TIL (0) | 2024.02.19 |
| 내일배움캠프 4일차 TIL 및 한주 정리 (0) | 2024.02.16 |
| 내일배움캠프 2일차 TIL (1) | 2024.02.14 |
| 내일배움캠프 1일차 TIL (0) | 2024.02.13 |