[최은영] sprint2

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,3 +1,6 @@
+for (let i = 0; i < 5; i++) {
+  console.log('Hello world!');
+}
 
 ## 요구사항
 
@@ -17,5 +20,5 @@
 ![image](이미지url)
 
 ## 멘토에게
-- 셀프 코드 리뷰를 통해 질문 이어가겠습니다.
-- 
+- 뭘 배웠는지 뭘 했는지 아직 모르겠습니다. 뭘 해야하는지도요...
+- PR 하는 방법 헷갈려서 늦게 올립니다. 죄송합니다.

.github/sprint-misson-2/ArticleService.js

@@ -0,0 +1,89 @@
+//  기본 API 주소 설정
+const Base_URL = 'https://panda-market-api-crud.vercel.app';
+
+//   게시글 리스트를 가져오는 함수 (page, pageSize, keyword 쿼리 파라미터를 이용)
+export function getArticleList(params = {  page: 1, pageSize: 10, keyword: '' }) {
+
+    //  URL 객체를 생성하여 쿼리 파라미터를 처리
+    const url = new URL('${BASE_URL}/articles');
+
+    // params 객체에서 page, pageSize, keyword 정보를 쿼리스트링에 추가
+    Object.entries(params).forEach(([key, value]) => {
+        if (value !== undefined && value !== '') url.searchParams.append(key, value);
+     });
+
+     // fetch로 GET 요청 전달
+     return fetch(url)
+        .then(res => {
+            // 응답이 실패(2XX 범위 밖)할 시, err.massage 출력한 후 err를 throw
+            if (!res.ok) throw new Error('목록 조회 실패: ${res.status}');
+            return res.json();
+        })
+        .catch(err => console.error('getArticleList 에러:', err.message));
+    }
+
+    //  getArticle() GET 메소드를 사용
+    //  특정 게시글 하나를 조회하는 함수
+    export function getArticle(articleId) {
+        // fetch를 이용해 GET 요청 전달
+        return fetch('${BASE_URL}/articles/${articleId}')
+          .then(res => {
+            if (!res.ok) throw new Error('게시글 조회 실패: ${res.status}');
+            return res.json();
+          })
+          .catch(err => console.error('getArticle 에러:', err.message));
+    }
+
+    //  createArticle() POST 메소드를 사용 
+    // Request Body에 title, content, image를 포함한 게시글을 생성하는 함수
+    export function createArticle({ title, content, image }) {
+        //  fetch로 POST 요청 전달
+        return fetch('${BASE_URL}/articles', {
+            method: 'POST',      // POST 메서드 사용
+            headers: { 'Content-Type': 'application/json' }, // 요청에 Json 데이터를 알림.
+            body: JSON.stringify({
+                title,
+                content,
+                image,
+            }),
+        })
+        .then(res => {
+            if (!res.ok) throw new Error('생성 실패: ${res.status');
+            return res.json();
+        })
+        .catch(err => console.error('createArticle 에러:', err.message));
+    }
+
+    // patchArticle() PARCH 메소드를 사용 
+    // 게시글을 수정하는 함수
+    export function patchArticle(articleId, { title, content, image }) {
+        // fetch로 PATCH 요청 전달
+        return fetch('${BASE_URL}/articles/${articleId}', {
+            method: 'PATCH',    //  PATCH 메서드 사용
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({      //수정 내용을 JSON으로 전달
+                title,
+                content,
+                image,
+                }),
+        })
+        .then(res => {
+            if (!res.ok) throw new Error('수정 실패: ${res.status}');
+            return res.json();
+        })
+        .catch(err => console,error('patchArticle 에러:', err.message));
+    }
+
+    //deleteArticle() : DELETE 메소드 사용
+    // 특정 게시글을 삭제하는 함수
+    export function deleteArticle(articleId) {
+        // fetch로 DELETE 요청 전달
+        return fetch('${BASE_URL}/articles/${articleId}', {
+            method: 'DELETE',       // DELETE 메서드 사용
+        })
+        .then(res => {
+            if (!res.ok) throw new Error('삭제 실패: ${res.ststus}');
+            return res.text();      //  삭제 성공 할 시 텍스트로 응답
+        })
+        .catch(err => console.error('deleteArticle 에러:', err.message));
+    }

.github/sprint-misson-2/Classes.js

@@ -0,0 +1,44 @@
+// 상품 클래스 정의
+export class Product {
+    //  상품 정보 객체 속성 세팅
+    constructor(name, description, price, tags = [], images = []) {
+        this.name = name;  //상품명
+        this.description = description;    //상품 설명
+        this.price = price;    //상품 가격
+        this.tags = tags;  //상품 해시태그 배열
+        this.images = images;  //상품 이미지 배열
+        this.favorite = 0;    //찜하기 수 (초기값 0)
+    }
+
+
+//  favorite 메서드 찜하기 수를 1씩 증가
+favorite () {
+    this.favoriteCount += 1;    //favoriteCount 값을 1씩 증가
+}
+}
+
+//  Product를 상속하는 ElectronicProduct 클래스
+export class ElectronicProduct extends Product {
+    constructor(name, description, price, tags = [], images = [], manufacturer = '')
+    {
+        super(name, description, price, tags, images); //   product 속성 
+        this.manufacturer = manufacturer; // 제조사 정보 추가 저장
+    }
+}
+
+//  게시글 클레스 정의 Article 클래스
+export class Article {
+    // 게시글 정보 객체 속성 
+    constructor(title, content, writer) {
+        this.title = title;          //  게시글 제목
+        this.content = content;     //  게시글 내용
+        this.writer = writer;       //  작성자 이름
+        this.likeCount = 0;         //  좋아요 수 (초기값 0)
+        this.createdAt = new Date();    //  객체 생성 시점 현재시간 저장
+    }
+
+    //  좋아요 수 1씩 증가시키는 like 메서드
+    like() {
+        this.likeCount += 1;    //  호출 할 경우 likeCount가 1 증가
+    }
+}

.github/sprint-misson-2/ProductService.js

@@ -0,0 +1,101 @@
+const BASE_URL = 'https://panda-market-api-crud.vercel.app';
+
+// getProductList: 상품 리스트를 받아오는 함수 (page, pageSize, keyword 쿼리 파라미터를 이용)
+export async function getProductList({ page = 1, pageSize = 10, keyword = '' } = {}) {
+  try {
+    const url = new URL(`${BASE_URL}/products`);
+    if (page) url.searchParams.append('page', page);
+    if (pageSize) url.searchParams.append('pageSize', pageSize);
+    if (keyword) url.searchParams.append('keyword', keyword);
+
+    const res = await fetch(url);
+
+    if (!res.ok) {
+      console.error('상품 리스트 조회 실패:', res.status);
+      return null;
+    }
+
+    return await res.json();
+  } catch (err) {
+    console.error('getProductList 에러:', err.message);
+    return null;
+  }
+}
+
+// getProduct: 특정 상품 하나를 조회하는 함수
+export async function getProduct(productId) {
+  try {
+    const res = await fetch(`${BASE_URL}/products/${productId}`);
+
+    if (!res.ok) {
+      console.error('상품 조회 실패:', res.status);
+      return null;
+    }
+
+    return await res.json();
+  } catch (err) {
+    console.error('getProduct 에러:', err.message);
+    return null;
+  }
+}
+
+// createProduct: 요청 body에 name, description, price, tags, images 포함하여 상품 생성
+export async function createProduct({ name, description, price, tags, images }) {
+  try {
+    const res = await fetch(`${BASE_URL}/products`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ name, description, price, tags, images }),
+    });
+
+    if (!res.ok) {
+      console.error('상품 생성 실패:', res.status);
+      return null;
+    }
+
+    return await res.json();
+  } catch (err) {
+    console.error('createProduct 에러:', err.message);
+    return null;
+  }
+}
+
+// patchProduct: 특정 상품(productId)의 이름, 설명, 가격, 태그, 이미지를 수정하는 함수
+export async function patchProduct(productId, { name, description, price, tags, images }) {
+  try {
+    const res = await fetch(`${BASE_URL}/products/${productId}`, {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ name, description, price, tags, images }),
+    });
+
+    if (!res.ok) {
+      console.error('상품 수정 실패:', res.status);
+      return null;
+    }
+
+    return await res.json();
+  } catch (err) {
+    console.error('patchProduct 에러:', err.message);
+    return null;
+  }
+}
+
+// deleteProduct: 특정 상품(productId)을 삭제하는 함수
+export async function deleteProduct(productId) {
+  try {
+    const res = await fetch(`${BASE_URL}/products/${productId}`, {
+      method: 'DELETE',
+    });
+
+    if (!res.ok) {
+      console.error('상품 삭제 실패:', res.status);
+      return false;
+    }
+
+    return true;
+  } catch (err) {
+    console.error('deleteProduct 에러:', err.message);
+    return false;
+  }
+}

.github/sprint-misson-2/main.js

@@ -0,0 +1,51 @@
+import { Product, ElectronicProduct, Article } from './Classes.js';
+import { getProductList, getProduct, createProduct, patchProduct, deleteProduct } from './ProductService.js';
+import { getArticleList, getArticle, createArticle, patchArticle, deleteArticle } from './ArticleService.js';
+
+async function loadProducts() {
+const response = await getProductList({ page: 1, pageSize: 10 });
+const products = [];
+if (response && response.data) {
+for (const item of response.data) {
+if (item.tags && item.tags.includes('전자제품')) {
+products.push(new ElectronicProduct(item.name, item.description, item.price, item.tags, item.images, item.manufacturer || ''));
+} else {
+products.push(new Product(item.name, item.description, item.price, item.tags, item.images));
+}
+}
+}
+console.log('만들어진 상품 인스턴스 배열:', products);
+return products;
+}
+
+function testArticleService() {
+getArticleList({ page: 1, pageSize: 3, keyword: '' }).then(console.log);
+getArticle(1).then(console.log);
+createArticle({ title: '테스트', content: '내용입니다', image: '' }).then(console.log);
+patchArticle(1, { title: '수정', content: '수정된 내용', image: '' }).then(console.log);
+deleteArticle(2).then(console.log);
+}
+
+async function testProductService() {
+console.log(await getProductList({ page: 1, pageSize: 3, keyword: '' }));
+console.log(await getProduct(1));
+console.log(await createProduct({
+name: '테스트 상품',
+description: '테스트 설명',
+price: 10000,
+tags: ['테스트'],
+images: [''],
+}));
+console.log(await patchProduct(1, {
+name: '수정상품',
+description: '수정 설명',
+price: 13000,
+tags: ['수정'],
+images: [''],
+}));
+console.log(await deleteProduct(1));
+}
+
+loadProducts();
+testArticleService();
+testProductService();