[TIL] Node.js 1일차 Fetch 연습

What I Did Today

1. 웹개발 종합반 2주차 JQuery 실습

 

2. 웹개발 종합반 3주차 Fetch 실습

 

TIL

Issues encountered

 

1. JQquery 를 불러와 사용했을 때 #을 빼먹어 오류 발생

 

2. 3주차 Fetch 실습 과제를 수행하는 도중 [objectHTMLDivELement] 오류 발생.

 

What I tried

1. 해결하기위해  F12를 눌러 콘솔에 찍힌 이슈 확인 후 수정

 

2. 무슨 오류인지 구글링 ' stackoverflow ' 에서 조언 얻음

How I resolved the issues

1. 에러를 확인하고  " # "을 넣어줌으로써 해결.

          function openclose() {

            $('#postingbox').toggle()

 

2. html에  [objectHTMLDivELement] 는 배열에 문제가 있었음.

 

 let temp = data['tmp']; 

 

위는 tmp가 들어가 있는데 아래와 같이 temp로 넣어줘야 했음 오타인걸 발견하고 해결

동시에 색변화도 주고 싶어 class 설정하여 폰트 색깔 바꿔줌.

 $(document).ready(function () {

          let url = "http://spartacodingclub.shop/sparta_api/weather/seoul";

          $('#tmp').empty();

          fetch(url).then(res => res.json()).then(data => {

            let temp = data['temp'];

            $('#tmp').text();

            let temp_html = ``;

                    if(temp < 20) {

                        temp_html = `<li class="cold">${'추워요'}</li>`;

                    }else {

                        temp_html =`<li class="hot">${'더워요'}</li>`;

                    }

                    $('#tmp').append(temp_html);

        })

        })

What I newly learned

오타확인 제대로하자!!