newri08071128

<p><img title="image" src="https://cdn.inflearn.com/public/comments/396381b0-768e-440e-b08f-07e74c1336a2/image.png" alt="image" />엌.. 선생님 <br />선생님 소스로 하고 몽고db 저껄로 연결해서 해봤는데 <br />history 부분 제대로 데이터 불러와집니다 ㅠㅜ <br /><br />제 소스는 대체 그럼 어디가 문제일까요 ㅠㅜ ???<br />저번에 선생님께서 제 깃허브에서 받은 소스로 테스트하셔서 테스트한건지는 잘 모르겠는데 history 테이블 데이터 잘 나오셨다고 말씀하시지 않으셨나요??</p>
<p>그럼 제 소스 문제가 아닌 걸까요?? 😭😭</p>
<p>혹시 다른 질문으로 드렸던 깃허브 gh-pages로 배포하는 것도 선생님이 테스트 하셨을 땐 혹시 다 정상으로 작동 되었을까요??🤣</p>

HistoryPage 테이블  데이터 구현

<p>네 선생님! 캐시도 지우고 mongoDB 데이터 초기화 해봤는데도 <br>여전히 같은 현상이 지속됩니다 😭</p>

<p>엌 ... 아니요? 저 수정한건 없는데 <br>제쪽에선 아직도 배열안에 배열로 떠서 (?) 그런지 테이블상으로 해당 데이터 값은 안나오는 중입니다... <br><img src="https://cdn.inflearn.com/public/comments/13423262-c2cc-464b-a7d9-3e9df2822ec6/image.png" alt="image" title="image">그럼 제 github의 전체 코드상의 에러는 없는건가요...??? 😯😯😯<br>근데.. 왜 ? 제쪽에선 로컬 url로 테스트 하면 왜저렇게 나오는 걸까요 ㅠㅜ <br></p>

<p>빠른 답변 감사드립니다 ㅠㅜ </p><p>안그래도 package.json에서 맨상단에 넣어보고 배포 테스트해봤는데 여전히 다른 페이지로 이동하면 404 에러가 뜹니다 ㅠㅜ </p>

깃허브 ghpages 배포

<p>빠른 답변 다시한번 감사드립니다!!<br><br>네, 안그래도 선생님 소스코드랑 비교하고 강의도 돌려보고 있는데 3일내내 돌려보고 있는데 전혀 찾지를 못하고 있습니다 ㅠㅜ <br><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/newri0807/reactStore">https://github.com/newri0807/reactStore</a><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/newri0807/reactStore￼"><br></a>한번 체크해 주시면 정말 감사드립니다<br></p><p>선생님의 History 페이지에 props의 콘솔로그랑 제 History 페이지에 props의 콘솔로그랑 비교해봤는데 <br>나머지 부분은 다 똑같은 데 history의 배열부분만 다른데 <br>그럼 histroy에 푸시할 부분만 에러 난게 아닌가요??</p><p>왜 배열안에 배열이 들어가게 푸시가 되는지 ... 제가 다른 곳의 오탈자는 발견하지못해서요 😭<img src="https://cdn.inflearn.com/public/comments/4c266b14-5bf0-485c-beff-776916cd6ccd/우측내꺼.png" alt="image" title="image"></p>

<p>네 , 처음 깃허브로 배포할때 client>package.json 파일에 homepage에 해당하는 url 넣고 배포했습니다.</p><p>그래서 배포 후 첫 index페이지는 열리는게 아닌가요???? 😭<br></p><p>혹시</p><p>.env파일에 넣을 url 이랑 package.json 에 넣을 url이 다른가요?? </p><p></p><p><img src="https://cdn.inflearn.com/public/comments/131c2e46-9301-4fcc-b736-9b165d58e87b/image.png" alt="image" title="image"></p>

<p>답변 정말 감사드립니다.<br><br>위와 말씀해주신대로 설정하긴 했는데 <br>여전히 안먹혀서요 .. <br><br>제가 이해한게 맞을까요?<br><br>아래와 같이 셋팅 했습니다.<br><br><br><br>.env <img src="https://cdn.inflearn.com/public/comments/518e44ef-cc78-4b6c-99d7-b6b57d7514b2/env.png" alt="image" title="image"><br>.env 파일 위치 <br><img src="https://cdn.inflearn.com/public/comments/5a9879d6-7609-4f85-ab5d-3c658eb424bf/root.png" alt="image" title="image"><br><br>client > index.js</p><p><img src="https://cdn.inflearn.com/public/comments/d0d7ef73-b6a1-4a00-9c45-bd061d1e9e26/index.js.png" alt="image" title="image"><br></p><p>env 설정이 안먹히는것 같아서<br><code>dotenv</code> 라이브러리 재 설치후 <br>최상단 root 쪽에도 .env 파일을 넣고 재배포 했는데도 안먹히네요 ㅠㅠ <br><img src="https://cdn.inflearn.com/public/comments/3c444fa7-a446-493a-9f23-7f32d2778e8a/image.png" alt="image" title="image"><br><br><br><br><br></p>

<p>&nbsp;</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #4fc1ff;">router</span>.<span style="color: #dcdcaa;">post</span>(<span style="color: #ce9178;">"/successBuy"</span>, <span style="color: #dcdcaa;">auth</span>, (<span style="color: #9cdcfe;">req</span>, <span style="color: #9cdcfe;">res</span>) <span style="color: #569cd6;">=></span> {</div>
<div>&nbsp; <span style="color: #569cd6;">let</span> <span style="color: #9cdcfe;">history</span> = [];</div>
<div>&nbsp; <span style="color: #569cd6;">let</span> <span style="color: #9cdcfe;">transactionData</span> = {};</div>
<br />
<div>&nbsp; <span style="color: #b5d692;">// 1.User Collection 안에 Histroy 필드 안에 간단한 결제 정보 넣어주기</span></div>
<div>&nbsp; <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">body</span>.<span style="color: #9cdcfe;">cartDetail</span>.<span style="color: #dcdcaa;">forEach</span>((<span style="color: #9cdcfe;">item</span>) <span style="color: #569cd6;">=></span> {</div>
<div>&nbsp; &nbsp; <span style="color: #9cdcfe;">history</span>.<span style="color: #dcdcaa;">push</span>({</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">dateOfPurchase</span><span style="color: #9cdcfe;">:</span> <span style="color: #4ec9b0;">Date</span>.<span style="color: #dcdcaa;">now</span>(),</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">name</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">item</span>.<span style="color: #9cdcfe;">title</span>,</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">id</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">item</span>.<span style="color: #9cdcfe;">_id</span>,</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">price</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">item</span>.<span style="color: #9cdcfe;">price</span>,</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">quantity</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">item</span>.<span style="color: #9cdcfe;">quantity</span>,</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">paymentId</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">body</span>.<span style="color: #9cdcfe;">paymentData</span>.<span style="color: #9cdcfe;">paymentID</span>,</div>
<div>&nbsp; &nbsp; });</div>
<div>&nbsp; });</div>
<br />
<div>&nbsp; <span style="color: #b5d692;">// 2. Payment Collection 안에 자세한 결제 정보 넣어주기</span></div>
<div>&nbsp; <span style="color: #9cdcfe;">transactionData</span>.<span style="color: #9cdcfe;">user</span> = {</div>
<div>&nbsp; &nbsp; <span style="color: #9cdcfe;">id</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">user</span>.<span style="color: #9cdcfe;">_id</span>,</div>
<div>&nbsp; &nbsp; <span style="color: #9cdcfe;">name</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">user</span>.<span style="color: #9cdcfe;">name</span>,</div>
<div>&nbsp; &nbsp; <span style="color: #9cdcfe;">lastname</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">user</span>.<span style="color: #9cdcfe;">lastname</span>,</div>
<div>&nbsp; &nbsp; <span style="color: #9cdcfe;">email</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">user</span>.<span style="color: #9cdcfe;">email</span>,</div>
<div>&nbsp; };</div>
<br />
<div>&nbsp; <span style="color: #9cdcfe;">transactionData</span>.<span style="color: #9cdcfe;">data</span> = <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">body</span>.<span style="color: #9cdcfe;">paymentData</span>;</div>
<div>&nbsp; <span style="color: #9cdcfe;">transactionData</span>.<span style="color: #9cdcfe;">product</span> = <span style="color: #9cdcfe;">history</span>;</div>
<br />
<div>&nbsp; <span style="color: #b5d692;">// histroy 정보 저장</span></div>
<div>&nbsp; <span style="color: #4ec9b0;">User</span>.<span style="color: #dcdcaa;">findOneAndUpdate</span>(</div>
<div>&nbsp; &nbsp; { <span style="color: #9cdcfe;">_id</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">user</span>.<span style="color: #9cdcfe;">_id</span> },</div>
<div>&nbsp; &nbsp; { <span style="color: #9cdcfe;">$push</span><span style="color: #9cdcfe;">:</span> { <span style="color: #9cdcfe;">history</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">history</span> }, <span style="color: #9cdcfe;">$set</span><span style="color: #9cdcfe;">:</span> { <span style="color: #9cdcfe;">cart</span><span style="color: #9cdcfe;">:</span> [] } },</div>
<div>&nbsp; &nbsp; { <span style="color: #9cdcfe;">new</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">true</span> },</div>
<div>&nbsp; &nbsp; (<span style="color: #9cdcfe;">err</span>, <span style="color: #9cdcfe;">user</span>) <span style="color: #569cd6;">=></span> {</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #c586c0;">if</span> (<span style="color: #9cdcfe;">err</span>) <span style="color: #c586c0;">return</span> <span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">json</span>({ <span style="color: #9cdcfe;">success</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">false</span>, <span style="color: #9cdcfe;">err</span> });</div>
<br />
<div>&nbsp; &nbsp; &nbsp; <span style="color: #b5d692;">// payment에다가 transactionData정보 저장</span></div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #569cd6;">const</span> <span style="color: #4fc1ff;">payment</span> = <span style="color: #569cd6;">new</span> <span style="color: #4ec9b0;">Payment</span>(<span style="color: #9cdcfe;">transactionData</span>);</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #4fc1ff;">payment</span>.<span style="color: #dcdcaa;">save</span>((<span style="color: #9cdcfe;">err</span>, <span style="color: #9cdcfe;">doc</span>) <span style="color: #569cd6;">=></span> {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #c586c0;">if</span> (<span style="color: #9cdcfe;">err</span>) <span style="color: #c586c0;">return</span> <span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">json</span>({ <span style="color: #9cdcfe;">success</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">false</span>, <span style="color: #9cdcfe;">err</span> });</div>
<br />
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b5d692;">// 3. Product Collection 안에 있는 sold 필드 정보 업데이트 시켜주기</span></div>
<br />
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b5d692;">// 상품 당 몇개의 quantity를 샀는지</span></div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b5d692;">// first Item &nbsp; &nbsp;quantity 2</span></div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b5d692;">// second Item &nbsp;quantity 3</span></div>
<br />
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #569cd6;">let</span> <span style="color: #9cdcfe;">products</span> = [];</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">doc</span>.<span style="color: #9cdcfe;">product</span>.<span style="color: #dcdcaa;">forEach</span>((<span style="color: #9cdcfe;">item</span>) <span style="color: #569cd6;">=></span> {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">products</span>.<span style="color: #dcdcaa;">push</span>({ <span style="color: #9cdcfe;">id</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">item</span>.<span style="color: #9cdcfe;">id</span>, <span style="color: #9cdcfe;">quantity</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">item</span>.<span style="color: #9cdcfe;">quantity</span> });</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; });</div>
<br />
<div>&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">async</span>.<span style="color: #dcdcaa;">eachSeries</span>(</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">products</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; (<span style="color: #9cdcfe;">item</span>, <span style="color: #dcdcaa;">callback</span>) <span style="color: #569cd6;">=></span> {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #4ec9b0;">Product</span>.<span style="color: #dcdcaa;">update</span>(</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { <span style="color: #9cdcfe;">_id</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">item</span>.<span style="color: #9cdcfe;">id</span> },</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">$inc</span><span style="color: #9cdcfe;">:</span> {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">sold</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">item</span>.<span style="color: #9cdcfe;">quantity</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { <span style="color: #9cdcfe;">new</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">false</span> },</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #dcdcaa;">callback</span></div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; );</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; (<span style="color: #9cdcfe;">err</span>) <span style="color: #569cd6;">=></span> {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #c586c0;">if</span> (<span style="color: #9cdcfe;">err</span>) <span style="color: #c586c0;">return</span> <span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">status</span>(<span style="color: #b5cea8;">400</span>).<span style="color: #dcdcaa;">json</span>({ <span style="color: #9cdcfe;">success</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">false</span>, <span style="color: #9cdcfe;">err</span> });</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">status</span>(<span style="color: #b5cea8;">200</span>).<span style="color: #dcdcaa;">json</span>({</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">success</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">true</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">cart</span><span style="color: #9cdcfe;">:</span> <span style="color: #9cdcfe;">user</span>.<span style="color: #9cdcfe;">cart</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #9cdcfe;">cartDetail</span><span style="color: #9cdcfe;">:</span> [],</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; );</div>
<div>&nbsp; &nbsp; &nbsp; });</div>
<div>&nbsp; &nbsp; }</div>
<div>&nbsp; );</div>
<div>});</div>
</div>
<p>답변 감사드립니다!</p>
<p>이쪽부분만 보여드리면 될까요?</p>

newri08071128

Posts