• 카테고리

    질문 & 답변

  • 세부 분야

    풀스택

  • 해결 여부

    미해결

포스트맨에서 문제가 생겼습니다. ㅠㅠ

21.12.05 10:11 작성 조회수 173

1

공부를 하다가 문제가 생겼습니다. 

포스트맨에서 status가 400이 발생이 되었는데요.. 
그러다가 보니 따라 할 수 없습니다. ㅠㅠ 

어떻게 해야할까요? 

{
    "error": {
        "name": "usageLimitError",
        "header": "Unable to find mock",
        "message": "Your team plan allows 1000 mock server calls per month. Contact your team Admin to up your limit."
    }
}

status: 429
한도를 올리라고 하는데 어떻게 해야 하는지 모르겠어요!

course-thumbnail

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

상품 업로드 페이지 구현 - 2

강의실 바로가기

답변 1

답변을 작성해보세요.

1

그랩님의 프로필

그랩

지식공유자

2021.12.07

안녕하세요!

현재 postman의 정책상 무료 사용은  최대 월 1000회까지 가능합니다 ㅠㅠ 다만 강의 순서를 보니까 다음에 백엔드 서버를 직접 구축할 계획이니 조금 기다려보시는 것도 좋아보입니다 :)

만약 테스트를 더 하려면 계정을 새로 파서 진행하는 게 좋아보이구요!

LeeGunWoo님의 프로필

LeeGunWoo

질문자

2021.12.07

그렇군요! ㅠㅠ 
그런데 궁금한 것이 있는데요! 
postman은 실무에서도 많이 쓰이는 편인가요? >>> 서버 테스트를 하거나 할 때요!

LeeGunWoo님의 프로필

LeeGunWoo

질문자

2021.12.07

참 그리고 다시 처음부터 연습을 하고 있는데요 ㅠㅠ 

import "./index.css"
// 기존 우리가 작업했던 CSS를 연결해주기
// 그런데 문제가 있다 >> 따라서 App.css에서 수정을 해야 할 것들이 있다.  
import axios from "axios"; //axios 서버에서 가져오겠다는 뜻

import React from 'react';
//React

function MainPage() {
   // return <p>MainPage</p>

   //React의 state로 상품정보에 대한 state이다.
   //state는 배열의 속성으로 우리는 useState([])로 빈 배열을 넣어줌.
   const [products, setProducts] = React.useState([]);

   //지속적인 업데이트를 통해 컴퓨터가 과부화가 생기지 않도록 React.useEffect를 활용한다. 즉 1번만 불러오고 정상적인 통신을 하는 것이다.
   React.useEffect(
      function () {
         //네트워크 postman에서 만든  MockServer의 product address를 가져오기
         axios.get('https://4dc240db-5e4b-4387-ae23-5a361172e481.mock.pstmn.io')
            .then(function (result) {
               console.log(result);
               const products = result.data.products;
               setProducts(products);
               //지속적인 반복의 문제점을 해결!
            })
            .catch(function (error) {
               console.error("에러발생: ", error);
            });
      }, []
   )

   return (
      //// <div>를 하나 미리 만들어야 한다. 그리고서 Html > body에서 작성했던 모든 내용을 여기에 넣어준다.
      <div>
         {/* 여기서 이제 서버를 통한 product를 가져와야 한다. */}
         <div id="header">
            <div id="header-area">
               <img src="images/icons/logo.png" />
            </div>
         </div>
         <div id="body">
            <div id="banner">
               <img src="images/banners/banner1.png"/>
            </div>
            <h1>판매되는 상품들</h1>
            <div id="product-list">
               {
                  products.map(function (product, index) {
                     return (
                        <div className='product-card'>
                           <div>
                              <img className='product-img' src={product.imageUrl} />
                           </div>
                           <div className='product-contents'>
                              <span className='product-name'>
                                 {product.name}
                              </span>
                              <span className='product-price'>
                                 {product.price}원
                              </span>
                              <div className='product-seller'>
                                 <img className='product-avatar' src='images/icons/avatar.png' />
                                 <span>
                                    {product.seller}
                                 </span>
                              </div>
                           </div>
                        </div>
                     );
                  })
               }
            </div>
         </div>
         <div id="footer"></div>
      </div>
   );
}

export default MainPage;
// MainPage를 내보내겠다는 뜻이다

 

 Line 39:16:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text

  Line 44:16:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text

  Line 53:31:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text

  Line 63:34:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text

 

라고 뜹니다! ㅠㅠ 

이 글과 비슷한 Q&A