본문 바로가기

매일 TIL

[내일배움캠프 3일차] JavaScript, JQuery, Fetch, Python 기초

GET

클라이언트가 통상적으로 데이터 조회(Read)를 요청할 때 사용하는 타입.

ex) 영화 목록 조회

다음과 같은 url이 있다고 한다면 "?" 를 기준으로 왼쪽과 오른쪽으로 나눌 수 있음.

즉 "해당 주소의 서버에서 영화 번호가 161806인 데이터를 주세요." 라고 요청하는 의미.


데일리모토 숙제

1. 우선 데일리모토 날씨 fetch 골격을 붙여넣기

붙여넣는 위치도 중요. <body> 안의 <script>태그에 넣어야 함.


2. 인터넷에 weather_url 주소 입력 후 데이터 형태 확인

딕셔너리 형태, 즉 키-값 쌍으로 이뤄진 것을 확인할 수 있음.


3. temp와 icon_url 변수를 만들기

temp라는 변수에 data 딕셔너리의 temp에 해당하는 값인 26.19를 할당하고

icon_url 변수에는 icon에 해당하는 값 png이미지 주소를 할당함.


4. message 변수

message 변수에 위에서 받아온 실시간 온도 데이터와 문자열 °C를 합쳐 할당.

$('선택자').text(message)를 통해 메시지를 넣을 수 있다.('선택자'는 임의)


5. id 추가, 화면 출력까지

지금 message를 출력해야 하는 곳은 "날씨 맑음, 20도" 부분, 즉 navbar 부분이다.

해당 위치에서 id="weather-msg" 추가.

이후 임의로 '선택자'로 입력했던 부분에 id인 weather_msg를 붙여넣기.

여기서 중요한 점은 id를 가져올 때는 앞에 # 기호를 넣어줘야 한다는 것.

id가 weather_msg인 태그를 선택하고, 그것의 텍스트를 message로 바꿔주세요 라는 의미.

 

날씨 아이콘 역시 동일한 방법으로 풀면 된다.


Python 문자열 안에 변수 넣기

 

문자열 앞에 "f" 를 붙이고, 변수를 출력하고 싶은 위치에 {}괄호를 만들어 안에 변수를 넣어주면 된다


꿀팁

Ctrl + Shift + p : 명령 팔레트 단축키(파이썬)


오늘의 회고

JQuery는 경험이 없다보니 역시 어렵다. 눈도 뭔가 침침하고.

천천히 꼼꼼하게 복습해보자. 문법을 정확하게 이해하는 것이 중요할 것 같다.

3주차 강의를 정말 찍먹만 했다. 내일은 진도 마무리해야지.

졸린거 어떻게 해결할 방법을 찾자.

 

내일의 목표는 3주차까지 마무리 + 어려워서 대충 넘어간 부분 복습 + 발표 보면서 배우기