[최수빈] mission 4

[LenaC-web]

[⭕️] Github에 스프린트 미션 PR을 만들어 주세요.

[⭕️] 'https://sprint-mission-api.vercel.app/articles' API를 이용하여 아래 함수들을 구현해 주세요.

[⭕️] getArticleList() : GET 메서드를 사용해 주세요.
[⭕️] page, pageSize, keyword 쿼리 파라미터를 이용해 주세요.
[⭕️] getArticle() : GET 메서드를 사용해 주세요.
[⭕️] createArticle() : POST 메서드를 사용해 주세요.
[⭕️] request body에 title, content, image 를 포함해 주세요.
[⭕️] patchArticle() : PATCH 메서드를 사용해 주세요.
[⭕️] deleteArticle() : DELETE 메서드를 사용해 주세요.
[⭕️] fetch 혹은 axios 를 이용해 주세요.

[⭕️] 응답의 상태 코드가 2XX가 아닐 경우, 에러메시지를 콘솔에 출력해 주세요.
[⭕️] .then() 메서드를 이용하여 비동기 처리를 해주세요.

[⭕️] .catch() 를 이용하여 오류 처리를 해주세요.

[⭕️] 'https://sprint-mission-api.vercel.app/products' API를 이용하여 아래 함수들을 구현해 주세요.

[⭕️] getProductList() : GET 메서드를 사용해 주세요.
[⭕️] page, pageSize, keyword 쿼리 파라미터를 이용해 주세요.
[⭕️] getProduct() : GET 메서드를 사용해 주세요.
[⭕️] createProduct() : POST 메서드를 사용해 주세요.
[⭕️] request body에 name, description, price, tags, images 를 포함해 주세요.
[⭕️] patchProduct() : PATCH 메서드를 사용해 주세요.
[⭕️] deleteProduct() : DELETE 메서드를 사용해 주세요.
[⭕️] async/await 을 이용하여 비동기 처리를 해주세요.

[⭕️] try/catch 를 이용하여 오류 처리를 해주세요.

[⭕️] 구현한 함수들을 아래와 같이 파일을 분리해 주세요.

[⭕️] export를 활용해 주세요.
[⭕️] ProductService.js 파일 Product API 관련 함수들을 작성해 주세요.
[⭕️] ArticleService.js 파일에 Article API 관련 함수들을 작성해 주세요.
[⭕️] 이외의 코드들은 모두 main.js 파일에 작성해 주세요. // main.js 가 잘 돌아가는지 확신하지 못하겠습니다. 작성 할 수 있는 만큼 해보았습니다.

[⭕️] import를 활용해 주세요.
[⭕️] 각 함수를 실행하는 코드를 작성하고, 제대로 동작하는지 확인해 주세요.

[dennis2311]

• 주석을 적극적으로 활용해주세요. JavaScript에는 JSDoc이라는 주석 시스템이 있으며, 모든 객체에 대해 사용 가능합니다. 함수의 인자에 대해 타입 힌트를 제공하거나 상세한 정보를 제공할 수 있으므로 잘 알아두시면 좋습니다.
• axios 패키지를 다운로드 받아 사용해주세요. 공식 문서를 잘 읽어보신 후 사용하시면 fetch 보다 더 다양한 편의기능을 활용할 수 있습니다.
• then(), catch()를 이용하여 함수 예외 처리를 하는 부분은 테스트를 하는 지점이 아니라 해당 함수의 정의 부분에 구현해주세요.
• getProductList() 함수에서 url이 정의된 부분이 없는데, 오류가 발생하지는 않나요?