[윤대호] 풀스택-BE-mission4

[aowjarkwk]

기본 요구사항

• ‘https://panda-market-api.vercel.app/products’에서 상품 리스트를 받아 리턴해주는 getProducts() 함수를 작성해주세요.

  • fetch를 이용해 주세요.
  • async/await을 이용해 주세요.
  • try/catch를 이용해서 오류를 처리해 주세요. 오류가 날 경우 ‘Error!’를 출력하도록 해주세요.

• ‘https://panda-market-api.vercel.app/articles’에서 게시글 리스트를 받아 리턴해주는 getArticles() 함수를 작성해주세요.

  • fetch를 이용해 주세요.
  • .then()을 이용해 주세요.
  • .catch()/.finally()를 이용해서 오류를 처리해 주세요. 오류가 날 경우 ‘Error!’를 출력하도록 해주세요.

• fetch를 사용해서 아래 함수들을 작성해 주세요.

• ‘https://panda-market-api.vercel.app/articles’를 이용해 주세요.

• getArticleList() 함수를 작성해 주세요.

  • GET 리퀘스트를 사용해 주세요.
  • page, pageSize, orderBy 쿼리 파라미터를 이용해 주세요.

• getArticle() 함수를 작성해 주세요.

  • GET 리퀘스트를 사용해 주세요.

• createArticle() 함수를 작성해 주세요.

  • POST 리퀘스트를 사용해 주세요.

• patchArticle() 함수를 작성해 주세요.

  • PATCH 리퀘스트를 사용해 주세요.

• deleteArticle() 함수를 작성해 주세요.

  • DELETE 리퀘스트를 사용해 주세요.

• axios를 사용해서 아래 함수들을 작성해 주세요.

• ‘https://panda-market-api.vercel.app/products’를 이용해 주세요.

• getProductList() 함수를 작성해 주세요.

  • GET 리퀘스트를 사용해 주세요.
  • page, pageSize, orderBy 쿼리 파라미터를 이용해 주세요.

• getProduct() 함수를 작성해 주세요.

  • GET 리퀘스트를 사용해 주세요.

• createProduct() 함수를 작성해 주세요.

  • POST 리퀘스트를 사용해 주세요.

• patchProduct() 함수를 작성해 주세요.

  • PATCH 리퀘스트를 사용해 주세요.

• deleteProduct() 함수를 작성해 주세요.

  • DELETE 리퀘스트를 사용해 주세요.

• 모든 함수에서 try/catch를 이용해 에러 처리를 해주세요. 리스폰스의 상태 코드와 바디 내용을 출력해 주세요.

• 모든 함수에서 오류 처리를 해주세요.

• ProductService.js 파일에 getProductList(), getProduct(), createProduct(), patchProduct(), deleteProduct() 함수를 작성해 주세요.

  • export를 활용해 주세요.

• ArticleService.js 파일에 getArticleList(), getArticle(), createArticle(), patchArticle(), deleteArticle() 함수를 작성해 주세요.

  • export를 활용해 주세요.

• 이외의 코드들은 모두 main.js 파일에 작성해 주세요.

  • import를 활용해 주세요.
  • 각 함수를 실행하는 코드를 작성하고, 제대로 동작하는지 확인해 주세요. (Unauthorized 문제로 동작 테스트를 하지 못했습니다.)