13주차 공부 내용 - JS 비동기 프로그래밍, API 활용 날씨 앱 구현 실습

---

비동기 프로그래밍?

🔗 참고 강의

• 콜백
• 프라미스
• await async

Ajax

🔗 참고 강의

• XMLHttpRequest
• fetch API 사용법
• JSON 데이터 활용 - 🔗 참고

HTTP

• Rest API
  Rest란 브라우저와 웹 서버가 통신하는 규약인 HTTP를 모범적으로, 잘 사용하기 위해 디자인한 아키텍쳐이다. 즉 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍쳐이고 Rest API란 Rest를 기반으로 서비스 API를 구현한 것을 말한다.

💡 실습을 통해 개념을 익혀보자

아무리 책을 읽어도 강의를 봐도 정확하게 이해되지 않는 비동기..동기..콜백..프라미스 서버 통신의 지옥을 실습으로 조금이라도 익숙해져보겠다.

Open API 사용하여 서버 통신의 개념을 익혀보고 fetch API 사용을 통해 프라미스를 배워보자.

Open API, WebGL을 활용해 3D 날씨 앱 구현

할 수... 있겠지?

기능 명세
1. 버튼을 통해 서울, 런던, 뉴욕 세개의 도시의 현재 날씨 데이터를 서버에 요청할 수 있다.
2. 서버로부터 응답받은 데이터를 해당 문서에 뿌려준다.
3. 해당 도시 이름, 해당 도시의 현재 기온, 강수 여부, 현지 시각을 활용한다.
4. WebGL을 이용해 데이터에 따라 다른 3D Scene을 만들어준다. (기능 먼저 구현 후에 연결)

5/29 toDos

• HTTP 요청, 응답 받는 방법 훑기
• fetch API 문법, 사용법
• 프라미스 개념 훑기, 문법, 사용법 - 체이닝전까지 이해
• Openweather API 사용 방법 튜토리얼
• 프로젝트 디렉토리, 파일, git 셋업

---

동적, 정적 페이지란?

• Client-side rendering (CSR)
• Server-side rendering (SSR)

---