Sprint mission

[miyo-9]

클래스 구현하기

• class키워드를 이용해서 Product 클래스를 만들어 주세요.
  • name(상품명)description(상품 설명),price(판매 가격),tags(해시태그 배열),images(이미지 배열),favoriteCount(찜하기 수)프로퍼티를 가집니다.
  • favorite메소드를 가집니다.favorite메소드가 호출될 경우 찜하기 수가 1 증가합니다.
• class키워드를 이용해서 ElectronicProduct 클래스를 만들어 주세요.
  • Product를 상속하며, 추가로manufacturer(제조사) 프로퍼티를 가집니다.
• class 키워드를 이용해서 Article 클래스를 만들어 주세요.
  • title(제목),content(내용),writer(작성자),likeCount(좋아요 수) 프로퍼티를 가집니다.
  • like메소드를 가집니다.like메소드가 호출될 경우 좋아요 수가 1 증가합니다.
• 각 클래스 마다constructor를 작성해 주세요.
• 추상화/캡슐화/상속/다형성을 고려하여 코드를 작성해 주세요.

Article 요청 함수 구현하기

• https://panda-market-api-crud.vercel.app/docs의 Article API를 이용하여 아래 함수들을 구현해 주세요.
  • getArticleList(): GET 메소드를 사용해 주세요.
    • page,pageSize,keyword쿼리 파라미터를 이용해 주세요.
  • getArticle(): GET 메소드를 사용해 주세요.
  • createArticle(): POST 메소드를 사용해 주세요.
    • request body에title,content,image를 포함해 주세요.
  • patchArticle(): PATCH 메소드를 사용해 주세요.
  • deleteArticle(): DELETE 메소드를 사용해 주세요.
• fetch혹은axios를 이용해 주세요.
  • 응답의 상태 코드가 2XX가 아닐 경우, 에러 메시지를 콘솔에 출력해 주세요.
• .then()메소드를 이용하여 비동기 처리를 해주세요.
• .catch()를 이용하여 오류 처리를 해주세요.

Article 요청 함수 구현하기 (심화)

• Article 클래스에createdAt(생성일자) 프로퍼티를 만들어 주세요.
  • 새로운 객체가 생성되어 constructor가 호출될 시createdAt에 현재 시간을 저장합니다.

Product 요청 함수 구현하기

• https://panda-market-api-crud.vercel.app/docs의 Product 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를 이용하여 오류 처리를 해주세요.
• getProductList()를 통해서 받아온 상품 리스트를 각각 인스턴스로 만들어products배열에 저장해 주세요.
  • 해시태그에 "전자제품"이 포함되어 있는 상품들은Product클래스 대신ElectronicProduct클래스를 사용해 인스턴스를 생성해 주세요.
  • 나머지 상품들은 모두Product클래스를 사용해 인스턴스를 생성해 주세요.

기타

• 구현한 함수들을 아래와 같이 파일을 분리해 주세요.
  • export를 활용해 주세요.
  • ProductService.js파일ProductAPI 관련 함수들을 작성해 주세요.
  • ArticleService.js파일에ArticleAPI 관련 함수들을 작성해 주세요.
• 이외의 코드들은 모두main.js파일에 작성해 주세요.
  • import를 활용해 주세요.
  • 각 함수를 실행하는 코드를 작성하고, 제대로 동작하는지 확인해 주세요.
• README.md파일을 작성해 주세요.
  • 마크다운 언어를 숙지하여 작성해 주세요.
  • 내용은 자유롭게 작성해 주세요.