핵심 내용

1. fetch()
2. Firebase
3. addDocs(), getDocs()
4. 배포
5. Github
6. ToDo List 만들어보기

오늘 알게 된 내용

1. fetch() : 웹에서 데이터를 가져오기 위해 사용됨. 주로 웹 API에서 데이터를 요청하고 응답을 받아오는 데에 쓰임.

• fetch 함수는 then()메서드와 주로 함께 사용되는데, fetch 함수가 웹에서 서울의 날씨 데이터를 받아오면, then() 메서드는 응답을 처리하기 위한 작업을 수행함

let url = "http://spartacodingclub.shop/sparta_api/weather/seoul";
fetch(url).then(res => res.json()).then(data => {
            let temperature = data['temp']

2. 데이터 베이스 : 데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음

• SQL(관계형 데이터베이스) : 주로 틀이 이미 짜여져 있고, 사람의 실수가 발생하면 안되는 곳에서 사용. ex) 은행, 대기업 등
• NoSQL(비관계형 데이터베이스) : No는 Not Only의 약자로 사용, 복잡하거나 유연한 정보를 다룰 때, 앞으로 바뀔 여지가 많은 곳에서 사용. ex) 스타트업, 앞으로의 비지니스가 어떻게 바뀔지 모르는 곳 등

3. addDocs(), getDocs()

• addDocs() : 데이터베이스에 새로운 데이터를 추가하거나 삽입하는 작업
• getDocs() : 데이터베이스에서 데이터를 가져오는 작업

4. Github : 개발자들의 코드 저장소라고 생각하면 됨. 나중에 따로 작성할 예정.

오늘 어떤 문제가 있었는지

1. 3주차 숙제 진행시 아래와 같이 '현재 서울의 날씨 : 더워요/추워요'가 표시되게 코드를 작성해야 했는데, 잘 작성한 것 같지만 표시가 되지 않는 문제가 발생함

어떻게 해결했고, 무엇을 시도했는지

1. 도무지 모르겠어서 정답코드와 비교해보니 jquery로 값을 불러올 때 클래스를 나타내는 '#'이 빠져있는 것을 발견함. 발견 즉시 짧은 탄식 후 냅다 '#'을 붙였더니 문제가 해결됨.
   
   아래는 정답 코드