☕ 문벅스 카페 메뉴 앱 만들기 #03 (웹서버 띄우고, API요청하여 메뉴판 관리)

90년생 HTML과 웹

• 웹의 고향 스위스
• 1990년도 웹의 등장
• Tim Bernes-Lee 가 만들었음
• 효율적으로 정보를 주고 받기 위해 탄생
• 1990.10 세계 최초의 웹 페이지 에디터
• 1990.11 세계 최초의 웹브라우저 (www)
• 1990.12 세계 최초의 웹서버 (info.cern.ch) - 웹의 시작

Q. 왜 웹서버가 필요할까?

A. 콘텐츠 관리 : 웹에서 다양한 컨텐츠를 불특정 다수에게 공개할 때 여러 곳에 분산되어 있으면 업데이트를 파악하기도 어렵고 동시 갱신이 어렵고 비용도 많이 듦 -> 웹서버컴퓨터 하나에 정보를 모아두자

=> 데이터 상태를 효율적으로 관리하고, 변경된 데이터를 클라이언트에게 효율적으로 공유하기 위해

 

1. 요구사항 분석

2. 웹서버 실행시키기

• fetch('url', option) : 서버에 데이터를 요청할 때 쓰는 메서드
  • url : 서버 주소
  • option : 서버에 데이터를 받기/수정하기/삭제하기 등을 요청
• 자바스크립트는 싱글스레드
  • 커피숍에서 주문하고 진동벨을 받으면 뒷사람이 앞사람 주문메뉴가 나오기 전에 또 다른 주문을 넣을 수 있는 것과 비슷!
  • 음료 만드는 복잡도에 따라서 먼저 주문 음료를 받을 수도 있겠지?! => async/await을 이용해 순서보장

3. 웹서버 요청으로 메뉴 생성 / 불러오기

4. menu API 객체 분리 (데이터초기화, 리팩터링, 수정, 품절, 삭제)

5. 리팩터링

6. 회고

---

배운 점 & 느낀 점 

📝 세번째 미션이 제일 어려웠다. 이해보다는 흐름을 훑는다는 마음으로 본 것 같다. 평소에도 async/await의 개념을 잘 이해를 못했는데 역시 어렵더라.. 이 부분은 따로 공부를 한 후에 다시 들으면서 하나씩 이해해나가야겠다. 

 

✔ async / await