강의

멘토링

커뮤니티

Inflearn Community Q&A

xor86863418's profile image
xor86863418

asked

A real introductory all-in-one development boot camp for non-majors

Integrating Web and API & Handling Dates with dayjs

상품 세부설명페이지에서 데이터 값 통신이 안되네요

Written on

·

563

2

main 컴포먼트에서는 잘나오는데 상품 세부 페이지 가명 아무것도 안뜨네요 포스트맨으로 http://localhost:8080/products/id 으로 값으로 똑같은 주소를 넣으면 response값은 잘 나오는데 react에서 만 이러네요

javascriptnodejsreact-nativetensorflowHTML/CSS머신러닝 배워볼래요? expressreact

Answer 10

1

grab님의 프로필 이미지
grab
Instructor

보니까 routr의 path는 product인데 실제로 웹에서 접근할 때는 products로 접근하고 있네여!

xor86863418님의 프로필 이미지
xor86863418
Questioner

감사합니다 ㅠㅠ 드디어 해결 됬네요.

1

xor86863418님의 프로필 이미지
xor86863418
Questioner

app.js 입니다.. switch 안에 잘 들어가 있습니다. 이 오류 때문에 진도를 못나가네요 ㅠㅠ

1

xor86863418님의 프로필 이미지
xor86863418
Questioner

1,2번 둘다 안되네요.. main 으로 접속했을 때는 서버 vscode에서는 products가 찍히는데 상세페이지로 들어가면 안찍혀요.., productpage return에도  <h1>안녕</h1>를 넣어도 값이 안나오네요..

1

xor86863418님의 프로필 이미지
xor86863418
Questioner

이거 맞을까요?

0

같은 오류로 경로 중 어디가 product로 되어있는지 계속 찾다가 덕분에 찾았습니다. 감사합니다.><

0

grab님의 프로필 이미지
grab
Instructor

음 그렇다면 ProductPage를 import하는 App.js 코드를 보여주시면 될 것 같아요! 

아래와 같이 switch안에 잘 들어가있으신가요?

<Switch>
<Route exact={true} path="/">
<MainPageComponent />
</Route>
<Route exact={true} path="/products/:id">
<ProductPage />
</Route>
<Route exact={true} path="/upload">
<UploadPage />
</Route>
</Switch>

0

grab님의 프로필 이미지
grab
Instructor

흠 이상하군요.

1. 해당 페이지에 접속했을 때 서버 쪽에서 요청이 잘와서 로그가 찍히는지 찍힌다면,  products 관련 로그는 잘 찍히는지 확인해주세요!

2. react의 return 부분을 <h1>안녕</h1> 이런식으로 넣어서 제대로 값이 화면에 찍히는지 확인해주세요!

0

grab님의 프로필 이미지
grab
Instructor

브라우저에서 찍힌 로그를 보여주시는 게 더 빠를 것 같습니다.

문제가 발생하면 항상 로그부터 보시면 문제해결 하실 때도 빠르게 가능하실 거에요~!

0

xor86863418님의 프로필 이미지
xor86863418
Questioner

reacte 코드 입니다

0

xor86863418님의 프로필 이미지
xor86863418
Questioner

서버 코드입니다

xor86863418's profile image
xor86863418

asked

Ask a question