🌐비동기 프로그래밍 - Promise, HTTP, json-server (2024. 6. 11.)

#스파르타코딩클럽 #내일배움캠프(프론트엔드_React) 
학습주제 : React

학습내용 : 비동기 프로그래밍 - Promise, HTTP, json-server

학습일 : 2024. 6. 11.

<목차>
1. Promis
    1) promise 개념
    2) promise 상태
    3) 예시코드
    4) 활용방법 : promiseAll
    5) async/await
2. HTTP
    1) HTTP 개념
    2) HTTP 상태코드
    3) HTTP 메서드 및 Rest API(API 명세서)
3. json-server
    1) 설치 / 설정
    2) 서버 실행 / 브라우저 확인

 

---

배운 내용 요약

1. Promise

(본문2 : 공부한 내용이 들어갑니다)

 

2. HTTP

(본문2 : 공부한 내용이 들어갑니다)

 

3. json-server

1-1) 설치 - 터미널 : bash

yarn add json-server
yarn add json-server -D # 개발 환경인 경우, -D 옵션을 함께 입력합니다.

 

1-2) 설정 : 파일 경로, 파일 내용, 서버 실행

• db.json 파일 생성 - 경로: src > db.json
• db.json 파일 코드 - 데이터 타입: 객체★

{
  "todos": []
}

 

2-1) 서버 실행 - 터미널 : bash

yarn json-server db.json --port 4000

💣트러블 이슈 : json-server 사용 시 반드시 서버가 켜져있는지 확인할 것! (2024. 6. 13.)

 

2-2) 브라우저 확인