kjinhee10073656

<p>댓글버튼을 누르면 dispatch&nbsp;<span style="font-family: Consolas, 'Courier New', monospace; font-size: 14px; white-space: pre; color: #51b6c4;">LOAD_COMMENTS_REQUEST</span>로 불러오고싶은건데,,</p>
<p>애초에 게시물불러오기할때 댓글도같이불러오게 하면 용량문제때문에 그렇게 하시지 않았나요??..</p>
<p>그럼 질문을 바꿔서,,</p>
<p>게시물 불러올때 include 로 Comment 해주고 콘솔로 확인해보니 제대로 불러와지긴하는데&nbsp;</p>
<p>Comment 안에 User 의 정보를 같이 담아서 불러오고싶은데 그건 어떻게 하나요?</p>
<p>UserId 만나오고&nbsp; User. nickname을 구하고싶습니다.<span class="name-and-value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 16px;"><span class="object-value-string value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; unicode-bidi: -webkit-isolate; color: #c41a16; white-space: pre !important;"><span class="object-value-string-quote" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #222222;"></span></span></span></p>
<ol class="children expanded" role="group" style="min-width: 0px; min-height: 0px; box-sizing: border-box; list-style-type: none; padding-left: 12px; color: #212121; font-family: Consolas, 'Lucida Console', 'Courier New', monospace; font-size: 12px; white-space: pre-wrap;">
<li role="treeitem" class="parent expanded selected" aria-expanded="true" tabindex="-1" aria-selected="true" style="min-width: 0px; min-height: 16px; box-sizing: border-box; outline-width: 0px; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 16px;"><span class="name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #881391; flex-shrink: 0;">Comments</span>:&nbsp;<span class="value object-value-array" style="min-width: 0px; min-height: 0px; box-sizing: border-box;">Array(3)</span></span></li>
<ol class="children expanded" role="group" style="min-width: 0px; min-height: 0px; box-sizing: border-box; list-style-type: none; padding-left: 12px;">
<li role="treeitem" class="parent expanded" aria-expanded="true" style="min-width: 0px; min-height: 16px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 16px;"><span class="name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #881391; flex-shrink: 0;">0</span>:<span class="value object-value-object" style="min-width: 0px; min-height: 0px; box-sizing: border-box;"></span></span></li>
<ol class="children expanded" role="group" style="min-width: 0px; min-height: 0px; box-sizing: border-box; list-style-type: none; padding-left: 12px;">
<li role="treeitem" class="" style="min-width: 0px; min-height: 16px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 16px;"><span class="name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #881391; flex-shrink: 0;">PostId</span>:&nbsp;<span class="object-value-number value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #1c00cf;">1</span></span></li>
<li role="treeitem" style="min-width: 0px; min-height: 16px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 16px;"><span class="name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #881391; flex-shrink: 0;">UserId</span>:&nbsp;<span class="object-value-number value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #1c00cf;">2</span></span></li>
<li role="treeitem" style="min-width: 0px; min-height: 16px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 16px;"><span class="name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #881391; flex-shrink: 0;">content</span>:&nbsp;<span class="object-value-string value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; unicode-bidi: -webkit-isolate; color: #c41a16; white-space: pre !important;"><span class="object-value-string-quote" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #222222;">"</span>귀여워요~<span class="object-value-string-quote" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #222222;">"</span></span></span></li>
<li role="treeitem" style="min-width: 0px; min-height: 16px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 16px;"><span class="name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #881391; flex-shrink: 0;">createdAt</span>:&nbsp;<span class="object-value-string value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; unicode-bidi: -webkit-isolate; color: #c41a16; white-space: pre !important;"><span class="object-value-string-quote" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #222222;">"</span>2020-04-22T10:58:46.000Z<span class="object-value-string-quote" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #222222;">"</span></span></span></li>
<li role="treeitem" style="min-width: 0px; min-height: 16px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 16px;"><span class="name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #881391; flex-shrink: 0;">id</span>:&nbsp;<span class="object-value-number value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #1c00cf;">2</span></span></li>
<li role="treeitem" style="min-width: 0px; min-height: 16px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; user-select: text;"><span class="name-and-value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; line-height: 16px;"><span class="name" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #881391; flex-shrink: 0;">updatedAt</span>:&nbsp;<span class="object-value-string value" style="min-width: 0px; min-height: 0px; box-sizing: border-box; unicode-bidi: -webkit-isolate; color: #c41a16; white-space: pre !important;"><span class="object-value-string-quote" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #222222;">"</span>2020-04-22T10:58:46.000Z<span class="object-value-string-quote" style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: #222222;">"</span></span></span></li>
</ol>
</ol>
</ol>
<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: #6a9955;">//&nbsp;게시물'들'&nbsp;불러오기</span></div>
<div><span style="color: #51b6c4;">router</span>.<span style="color: #dcdcaa;">get</span>(<span style="color: #ce9178;">'/:id'</span>,&nbsp;<span style="color: #569cd6;">async</span>&nbsp;(<span style="color: #9cdcfe;">req</span>,&nbsp;<span style="color: #9cdcfe;">res</span>,&nbsp;<span style="color: #dcdcaa;">next</span>)&nbsp;<span style="color: #569cd6;">=></span>&nbsp;{&nbsp;<span style="color: #6a9955;">//&nbsp;GET&nbsp;/api/posts/100/개발자</span></div>
<div>&nbsp;&nbsp;<span style="color: #c586c0;">try</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #51b6c4;">gpost</span>&nbsp;=&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<span style="color: #51b6c4;">db</span>.<span style="color: #9cdcfe;">Gpost</span>.<span style="color: #dcdcaa;">findOne</span>({&nbsp;<span style="color: #9cdcfe;">where</span><span style="color: #9cdcfe;">:</span>&nbsp;{&nbsp;<span style="color: #9cdcfe;">id</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">params</span>.<span style="color: #9cdcfe;">id</span>&nbsp;}&nbsp;});&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(!<span style="color: #51b6c4;">gpost</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">return</span>&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">status</span>(<span style="color: #b5cea8;">404</span>).<span style="color: #dcdcaa;">send</span>(<span style="color: #ce9178;">'포스트가&nbsp;존재하지&nbsp;않습니다.!!!!'</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #51b6c4;">posts</span>&nbsp;=&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<span style="color: #51b6c4;">db</span>.<span style="color: #9cdcfe;">Post</span>.<span style="color: #dcdcaa;">findAll</span>({ // api/posts/1/comments</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">where</span><span style="color: #9cdcfe;">:</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">GpostId</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">params</span>.<span style="color: #9cdcfe;">id</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">include</span><span style="color: #9cdcfe;">:</span>&nbsp;[{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #51b6c4;">db</span>.<span style="color: #9cdcfe;">User</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">attributes</span><span style="color: #9cdcfe;">:</span>&nbsp;[<span style="color: #ce9178;">'id'</span>,&nbsp;<span style="color: #ce9178;">'nickname'</span>],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #51b6c4;">db</span>.<span style="color: #9cdcfe;">Image</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #51b6c4;">db</span>.<span style="color: #9cdcfe;">Comment</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #51b6c4;">db</span>.<span style="color: #9cdcfe;">User</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">through</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Like'</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">as</span><span style="color: #9cdcfe;">:</span><span style="color: #ce9178;">'Likers'</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">attributes</span><span style="color: #9cdcfe;">:</span>[<span style="color: #ce9178;">'id'</span>],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">order</span><span style="color: #9cdcfe;">:</span>&nbsp;[[<span style="color: #ce9178;">'createdAt'</span>,&nbsp;<span style="color: #ce9178;">'DESC'</span>]],&nbsp;<span style="color: #6a9955;">//&nbsp;DESC는&nbsp;내림차순,&nbsp;ASC는&nbsp;오름차순</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">json</span>(<span style="color: #51b6c4;">posts</span>);</div>
<div>&nbsp;&nbsp;}&nbsp;<span style="color: #c586c0;">catch</span>&nbsp;(<span style="color: #9cdcfe;">e</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">error</span>(<span style="color: #9cdcfe;">e</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">next</span>(<span style="color: #9cdcfe;">e</span>);</div>
<div>&nbsp;&nbsp;}</div>
<div>});</div>
<div></div>
<div></div>
<div>
<div style="line-height: 19px;">
<div><span style="color: #6a9955;">//&nbsp;댓글불러오기</span></div>
<div><span style="color: #51b6c4;">router</span>.<span style="color: #dcdcaa;">get</span>(<span style="color: #ce9178;">'/:id/comments'</span>,&nbsp;<span style="color: #569cd6;">async</span>&nbsp;(<span style="color: #9cdcfe;">req</span>,&nbsp;<span style="color: #9cdcfe;">res</span>,&nbsp;<span style="color: #dcdcaa;">next</span>)&nbsp;<span style="color: #569cd6;">=></span> { // api/post/1/comments</div>
<div>&nbsp;&nbsp;<span style="color: #c586c0;">try</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #51b6c4;">post</span>&nbsp;=&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<span style="color: #51b6c4;">db</span>.<span style="color: #9cdcfe;">Post</span>.<span style="color: #dcdcaa;">findOne</span>({&nbsp;<span style="color: #9cdcfe;">where</span><span style="color: #9cdcfe;">:</span>&nbsp;{&nbsp;<span style="color: #9cdcfe;">id</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">params</span>.<span style="color: #9cdcfe;">id</span>&nbsp;}&nbsp;});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(!<span style="color: #51b6c4;">post</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">return</span>&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">status</span>(<span style="color: #b5cea8;">404</span>).<span style="color: #dcdcaa;">send</span>(<span style="color: #ce9178;">'포스트가&nbsp;존재하지&nbsp;않습니다........'</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #51b6c4;">comments</span>&nbsp;=&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<span style="color: #51b6c4;">db</span>.<span style="color: #9cdcfe;">Comment</span>.<span style="color: #dcdcaa;">findAll</span>({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">where</span><span style="color: #9cdcfe;">:</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">PostId</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">params</span>.<span style="color: #9cdcfe;">id</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">order</span><span style="color: #9cdcfe;">:</span>&nbsp;[[<span style="color: #ce9178;">'createdAt'</span>,&nbsp;<span style="color: #ce9178;">'ASC'</span>]],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">include</span><span style="color: #9cdcfe;">:</span>&nbsp;[{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #51b6c4;">db</span>.<span style="color: #9cdcfe;">User</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">attributes</span><span style="color: #9cdcfe;">:</span>&nbsp;[<span style="color: #ce9178;">'id'</span>,&nbsp;<span style="color: #ce9178;">'nickname'</span>],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">json</span>(<span style="color: #51b6c4;">comments</span>);</div>
<div>&nbsp;&nbsp;}&nbsp;<span style="color: #c586c0;">catch</span>&nbsp;(<span style="color: #9cdcfe;">e</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">error</span>(<span style="color: #9cdcfe;">e</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">next</span>(<span style="color: #9cdcfe;">e</span>);</div>
<div>&nbsp;&nbsp;}</div>
<div>});</div>
</div>
</div>
<div></div>
</div>

그룹의 게시글의 댓글 질문합니다 ///////

<p><span style="color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">< post.js / routes / back > 댓글 불러오는 router에 </span><span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">include Comment 해주어야하나요??</span></p>

saga axios.get 주소질문...............

<p>!!! ㅜㅠㅠㅠ 잘뜹니다 감사합니다ㅜ</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"><span style="color: #9cdcfe;">cttf</span>&nbsp;!==&nbsp;<span style="color: #569cd6;">undefined</span> && <span style="color: #9cdcfe;">cttf</span>.<span style="color: #dcdcaa;">map</span>((<span style="color: #9cdcfe;">i</span>)<span style="color: #569cd6;">=></span>{</div>
<p>이렇게 해줘도 뜨는데&nbsp;</p>
<p>cttf&nbsp; && cttf.map 이랑 뜻이 다른가요??</p>

<p>cttf 에 관련해선 딱히 오류뜨는게 없어요ㅜ</p>
<p><img src="https://cdn.inflearn.com/public/comments/58763742-30b9-46e8-bab4-3ed14588e020/3.PNG" title="3.PNG" alt="" /></p>
<p></p>
<p>아래처럼 코드 수정후에 다시 실행시켜봤더니 화면에 잘 나왔다가</p>
<p><span style="background-color: #ffffff; color: #ce1126; font-family: sans-serif; font-size: 22px; white-space: pre-wrap;">TypeError: Cannot read property 'map' of undefined</span>오류가 번갈아가면서 뜨네요</p>
<p></p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"><span style="color: #569cd6;">var</span>&nbsp;<span style="color: #9cdcfe;">cttf</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">mainPosts</span>.<span style="color: #9cdcfe;">content</span>;</div>
<p></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: #569cd6;">{</span>&nbsp;<span style="color: #9cdcfe;">cttf</span>.<span style="color: #dcdcaa;">map</span>((<span style="color: #9cdcfe;">i</span>)<span style="color: #569cd6;">=></span>{</div>
<div>&nbsp;&nbsp;&nbsp; <span style="color: #c586c0;">return</span>(</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="color: #808080;"><</span><span style="color: #4ec9b0;">ContentForm</span>&nbsp;<span style="color: #9cdcfe;">key</span>=<span style="color: #569cd6;">{</span><span style="color: #9cdcfe;">i</span><span style="color: #569cd6;">}</span>&nbsp;<span style="color: #9cdcfe;">post</span>=<span style="color: #569cd6;">{</span><span style="color: #9cdcfe;">i</span><span style="color: #569cd6;">}</span>&nbsp;<span style="color: #808080;">/></span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;);</div>
<div>})<span style="color: #569cd6;">}</span></div>
</div>

<p>map 과 관련된 구글사이트 읽어봐도 문제점을 찾지못해질문남깁니다..</p>

<p>saga //&nbsp; routes // reducer 중 어느부분말씀하시는건가요?..?</p>

<p>1번 질문은 강의속 코드가 거의 같은 상태에서</p>
<p>그룹에 속해있는 게시물로 수정 해주게 되면, 게시물의 불변성을 해줘야 하는지 궁금해서 질문드렸었던거구요~!</p>
<p>백엔드서버코드를 저렇게 수정해주니 게시물이 업로드와 불러오기 둘다 안되서 추가해줘야할 사항이 있는지 궁금합니다ㅜㅜ</p>
<p>에러코드는 네트워크탭과 콘솔에서 뜨지 않아요..</p>
<p>리덕스 데브툴즈에서 Failure 뜨고 데브툴즈 속 Action의 data 부분에는 빈객체 { } 가 뜨면서 아무것도 담겨있지 않습니다.</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: #6a9955;">//&nbsp;게시물'들'&nbsp;불러오기</span></div>
<div><span style="color: #9cdcfe;">router</span>.<span style="color: #dcdcaa;">get</span>(<span style="color: #ce9178;">'/:id/:title'</span>,&nbsp;<span style="color: #569cd6;">async</span>&nbsp;(<span style="color: #9cdcfe;">req</span>,&nbsp;<span style="color: #9cdcfe;">res</span>,&nbsp;<span style="color: #9cdcfe;">next</span>)&nbsp;<span style="color: #569cd6;">=></span>&nbsp;{&nbsp;<span style="color: #6a9955;">//&nbsp;GET&nbsp;/api/posts</span></div>
<div>&nbsp;&nbsp;<span style="color: #c586c0;">try</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;const&nbsp;gpost&nbsp;=&nbsp;await&nbsp;db.Gpost.findOne({&nbsp;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;where:&nbsp;{&nbsp;id:&nbsp;req.params.id&nbsp;},</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;include:&nbsp;[{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;model:&nbsp;db.Post,</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;as:&nbsp;'Posts',</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;attributes:&nbsp;['id'],</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;where:&nbsp;{&nbsp;title&nbsp;:&nbsp;decodeURIComponent(req.params.title)&nbsp;},</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;}],&nbsp;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;});&nbsp;//&nbsp;그룹이있는지</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;if&nbsp;(!gpost)&nbsp;{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;return&nbsp;res.status(404).send('포스트가&nbsp;존재하지&nbsp;않습니다.');</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;}</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #9cdcfe;">posts</span>&nbsp;=&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<span style="color: #9cdcfe;">db</span>.<span style="color: #9cdcfe;">Post</span>.<span style="color: #dcdcaa;">findAll</span>({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;where:&nbsp;{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;GpostId:&nbsp;req.params.id,</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;},</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;order:&nbsp;[['createdAt',&nbsp;'ASC']],</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">include</span><span style="color: #9cdcfe;">:</span>&nbsp;[{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">db</span>.<span style="color: #9cdcfe;">User</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">attributes</span><span style="color: #9cdcfe;">:</span>&nbsp;[<span style="color: #ce9178;">'id'</span>,&nbsp;<span style="color: #ce9178;">'nickname'</span>],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">db</span>.<span style="color: #9cdcfe;">Image</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">db</span>.<span style="color: #9cdcfe;">User</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">through</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Like'</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">as</span><span style="color: #9cdcfe;">:</span><span style="color: #ce9178;">'Likers'</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">attributes</span><span style="color: #9cdcfe;">:</span>[<span style="color: #ce9178;">'id'</span>],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">order</span><span style="color: #9cdcfe;">:</span>&nbsp;[[<span style="color: #ce9178;">'createdAt'</span>,&nbsp;<span style="color: #ce9178;">'DESC'</span>]],&nbsp;<span style="color: #6a9955;">//&nbsp;DESC는&nbsp;내림차순,&nbsp;ASC는&nbsp;오름차순</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">json</span>(<span style="color: #9cdcfe;">posts</span>);</div>
<div>&nbsp;&nbsp;}&nbsp;<span style="color: #c586c0;">catch</span>&nbsp;(<span style="color: #9cdcfe;">e</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">error</span>(<span style="color: #9cdcfe;">e</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">next</span>(<span style="color: #9cdcfe;">e</span>);</div>
<div>&nbsp;&nbsp;}</div>
<div>});</div>
</div>
<p>"(그룹의 id를 통해) 해당그룹에 속한 게시물들만 찾아서&nbsp; 불러와라" 라고 하고싶어서</p>
<p>저부분을 추가해준것인데,,, 다시 주석을 해주면 불러와지긴합니다만, 모든그룹에서 같은 게시물들이 모두 불러와 집니다.</p>
<p>추가해줘야할 사항, 수정해줘야할 부분이 있는지 알려주세요 제로초님.....!</p>
<p>백엔드 부분 ch5, ch6 반복적으로 복습해줘도 생각해준대로 코드짜려니 잘안되네요ㅠ</p>
<p>유투브 리액트 게임 무료강좌도 다보고 왔는데도 아직 어려운 부분이 많아요~~..</p>

테이블간의 부모 자식관계

<p>버튼 만들어서 해주었어요</p>
<div style="color: #d4d4d4; font-family: Consolas, 'Courier New', monospace; font-size: 14px; white-space: pre;">
<div style="background-color: #1e1e1e; line-height: 19px;">
<div><span style="color: #808080;"><</span><span style="color: #569cd6;">button</span>&nbsp;<span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"button"</span>&nbsp;<span style="color: #9cdcfe;">className</span>=<span style="color: #ce9178;">"remove"</span>&nbsp;<span style="color: #9cdcfe;">onClick</span>=<span style="color: #569cd6;">{</span><span style="color: #dcdcaa;">onRemoveComments</span>(<span style="color: #9cdcfe;">post</span>.<span style="color: #9cdcfe;">id</span>)<span style="color: #569cd6;">}</span>&nbsp;<span style="color: #808080;">></span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;REMOVE</div>
<div><span style="color: #808080;"></</span><span style="color: #569cd6;">button</span><span style="color: #808080;">></span></div>
</div>
</div>