inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

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

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

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

306

LeeGunWoo

작성한 질문수 65

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
한도를 올리라고 하는데 어떻게 해야 하는지 모르겠어요!

javascript express tensorflow react-native react HTML/CSS 머신러닝 배워볼래요? nodejs

답변 1

1

그랩

안녕하세요!

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

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

0

LeeGunWoo

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

0

LeeGunWoo

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

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

 

라고 뜹니다! ㅠㅠ 

[해결]그랩님 답변 주세요.

0

190

2

그랩님의 답변을 기다립니다/102강 전반적인 에러

0

163

2

[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.

0

139

2

[재질문][그랩님 답변 부탁드립니다]101강

0

162

2

[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문

0

119

2

Ngrok 설치 후 forwarding Url 에러

0

145

2

[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.

0

251

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

157

1

그랩님,[꼭] 답변 부탁드립니다.

0

76

1

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

0

162

1

6강/7강 수업

0

56

1

그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.

0

105

2

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

0

148

2

[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

94

1

Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

134

2

일반적인 css 꾸미기에서 width와 height의 값?

0

98

2

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

0

204

1

그랩마켓 웹화면 구현하기 -2 질문입니다.

0

127

1

react에 반영이 되지 않습니다.

0

250

1

터미널 npm install -g create-react-app 작성 후 오류

0

430

1

create-react-app my app 실행 시 에러

0

358

2

포스트맨 질문

0

105

1

<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.

0

269

2

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

0

492

2