2 - 8 서버-클라이언트 통신
- 웹에는 클라이언트와 서버가 있고, 클라이언트가 요청을 보내면 서버가 요청에 맞게 응답한다.
- 클라이언트가 요청하는 타입은 GET, POST 2가지가 있다.
- 프론트엔드 개발자와 백엔드 개발자가 미리 정해둔 약속
2 - 9 Fetch로 요청 보내기
- JS에 작성한 Fetch 코드 = 주소창에 주소 치는 것, 검색창에 검색하는 것
2 - 10 Fetch로 데이터 처리하기
- 원하는 데이터를 받아오려면 원하는 부분에 해당하는 코드를 작성한다.
- 반복되는 데이터를 처리할 때는 반복문(forEach Loof 코드)을 사용한다.
2 - 11 Fetch 연습1
- 기존 데이터 지우는 코드 => $('~').empty.()
2 - 12 Fetch 연습2
- if문을 쓸 때는 변수를 위에 한 번 더 작성해야 한다.(예 : let ~ = '...') 빈 통을 만들어주고, 그 안에 입력되도록 하는 것이다.
밑에 있던 나머지 'let'은 다 지워주자.
2 - 13 데일리모토 명언 기능 적용
- 선택자 이름을 알아보기 쉽게 설정하자.
- JQuery 사용할 때는 꼭 CDN 넣자.
2 - 14 숙제
- 이미지를 설정할 때 쓰는 코드 : $('#이미지태그').attr(src, 이미지주소 또는 이미지 주소를 나타내는 선택자)
이는 src라는 속성을 이미지주소로 바꿔준다는 것을 의미한다.
*
숙제는 매번 쉽지 않다. 혼자서 배운 내용을 토대로 이것저것 코드를 작성해보지만, 웹에서 출력되지 않을 때 속상하다. 숙제 해설을 보지 않고서는 어디가 어떻게 잘못됐는 지도 찾아내기 어렵다. 아직 익숙하지 않기 때문이겠지? 좀 더 JS에 익숙해지고, 여러 코드들을 자연스럽게 쓸 수 있도록 사전 캠프 동안 노력해야겠다.
오늘 새로운 분들이 많이 오셨다. 다같이 으쌰으쌰 잘 해내고 싶다. 나도 모든 것이 처음이라서 도움이 되지 않을 경우가 더 많을 것이다. 그러나 내가 도울 수 있는 부분은 돕고, 나도 다른 분들에게 도움받으면서 다같이 사전캠프를 무사히 마치기를 기원한다.
* 노트 필기