2주차 종합

1. 강의 전반 :

• jQuery는 제대로 다뤄본 적이 없어 좀 생소하긴 했으나 실습에 어려운 점은 없었다. 자료 잘 가지고 있다가 활용해야겠다.
• 고민한 점 : ajax 관련 코드 부분에서 응용하며 만들어 간 내용들. 외워서 하는 것이 아닌 잘 활용하여 완성해나가야 한다는 점.
• 대표 코드 및 설명 : 스크립트 코드에 ajax로 데이터 주고 받는 형태. 르탄이가 이미지와 텍스트가 버튼을 누를 때마다 변경되는 것.

  이때 배운 것 : attr, text 코드의 활용법

    <script>
        function q1() {
                    $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/sparta_api/rtan",
            data: {},
            success: function (response) {
              let url = response['url']
              let msg = response['msg']

              $('#img-rtan').attr('src', url)
              $('#text-rtan').text(msg)
            }
          })
        }
    </script>

• 그 외 데이터를 어떻게 받아오는지 for문 돌려서 하는 법도 익힘.(ajax02.html, 서울 따릉이 데이터 활용 등)

2. 과제 : 펜명록 만들기(현재 기온 올리기)

• 과제 내용 : 팬명록 만들기 중 현재 기온 p, span, ajax(text)활용하여 만들기
• 사용한 스킬 : ajax text
• 고민한 점 :
  받아오는 데이터 값이 있는 url 먼저 확인 필요.(이거 때문에 중간에 왜 안 되지 했음)
  이후 span 값에 id값을 주어 (~도 에 00.0 부분) temp라는 이름 주고 실제 데이터에서도 있는 temp 가져와 연결.
  이후 정상 작동 확인

고민한 코드 : ajax text 부분

  <script>
    $(document).ready(function(){
	$.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/sparta_api/weather/seoul",
            data: {},
            success: function (response) {
              let temp = response['temp']
              $('#temp').text(temp)
            }
          })
});
  </script>

완성본

3. 전반적인 소회 :

ajax 뿐 아니라 jaeury 전반적인 것을 다뤄 생소한 부분이 많았다. 2회독 이상 실시하여 익숙해져야겠단 생각 들었다.