스프린트 2차, 3차 미션 제출

[youngsecondbrain-ai]

스트린츠 3차 미션 요구사항

기본 요구사항

공통

• Github에 스프린트 미션 PR을 만들어 주세요.

• '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() 를 이용하여 오류 처리를 해주세요.

• '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 를 이용하여 오류 처리를 해주세요.

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

  • export를 활용해 주세요.
  • ProductService.js 파일 Product API 관련 함수들을 작성해 주세요.
  • ArticleService.js 파일에 Article API 관련 함수들을 작성해 주세요.

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

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

스트린트 2차 미션 요구사항

기본

로그인 페이지, 회원가입 페이지 공통

• "판다마켓" 로고 클릭 시 루트 페이지("/")로 이동합니다.
• SNS 아이콘들은 클릭 시 각각 "https://www.google.com/", "https://www.kakaocorp.com/page/" 으로 이동합니다.
• input 요소에 focus in 일 때, 테두리 색상은 ##3692FF입니다.
• input 요소에 focus out 일 때, 테두리는 없습니다.

로그인 페이지

• "회원가입"버튼 클릭 시 "/signup" 페이지로 이동합니다.

회원가입 페이지

• "로그인"버튼 클릭 시 "/login" 페이지로 이동합니다

심화 요구사항

공통

• palette에 있는 color값들을 css 변수로 등록해서 사용합니다.
• 구글 애널리틱스로 방문자 수 확인하기 할 수 있도록 설정합니다.

로그인 페이지, 회원가입 페이지 공통

• 비밀번호, 비밀번호 확인 input 요소 오른쪽에 비밀번호를 확인할 수 있는 눈 모양 아이콘을 추가합니다.

주요 변경사항

• 로그인 페이지와 회원가입 페이지 UI만 구현.
• 실제 로그인과 회원가입 과정은 미구현 상태.