nan84203857

Parallel Routes에 대하여 질문있습니다.

Apple Developer에서 fcm설정에 관하여 질문있습니다.

<p style="box-sizing: border-box; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: 'Noto Sans KR'; background-color: #ffffff; margin: 0px !important 0px 16px 0px;">아 그렇군요!&nbsp; 감사합니다. 한가지 더 궁금한게 있습니다.&nbsp;</p>
<p style="box-sizing: border-box; margin: 0px 0px 16px; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: 'Noto Sans KR'; background-color: #ffffff;"></p>
<p style="box-sizing: border-box; margin: 0px 0px 16px; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: 'Noto Sans KR'; background-color: #ffffff;">만약 인스타그램과 같이 자신의 사진으로 저장하고 공유하는 용도로 s3를 이용하게 된다면 그때는 모든사람에게 사진이 보여져야 하니까 퍼블릭엑세스를 활성화 하지도 않고 암호화를 하지도 않아야 하는것이 맞나요?ㅎㅎ</p>

s3 질문있습니다

질문있습니다.

<p>질문1.</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;">db</span>.<span style="color: #9cdcfe;">Post</span>.<span style="color: #dcdcaa;">belongsToMany</span>(<span style="color: #9cdcfe;">db</span>.<span style="color: #9cdcfe;">User</span>,&nbsp;{&nbsp;<span style="color: #9cdcfe;">through</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Follow'</span>,&nbsp;<span style="color: #9cdcfe;">as</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Followers'</span>,&nbsp;<span style="color: #9cdcfe;">foreignKey</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'FollowingId'</span> });</div>
<p>이렇게 되어있으면 post모델이 Follwers가 되고 foreginkey가 FollwingId가 되는것인가요??....</p>
<p></p>
<p>질문2.</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;">get</span>(<span style="color: #ce9178;">'/'</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;/user</span></div>
<div>&nbsp;&nbsp;<span style="color: #c586c0;">try</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">user</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #4fc1ff;">fullUserWithoutPassword</span>&nbsp;=&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<span style="color: #9cdcfe;">User</span>.<span style="color: #dcdcaa;">findOne</span>({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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;">user</span>.<span style="color: #9cdcfe;">id</span>&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">attributes</span><span style="color: #9cdcfe;">:</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">exclude</span><span style="color: #9cdcfe;">:</span>&nbsp;[<span style="color: #ce9178;">'password'</span>]</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">include</span><span style="color: #9cdcfe;">:</span>&nbsp;[&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #4ec9b0;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">Post</span>,</div>
<div>&nbsp;&nbsp;&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>],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #4ec9b0;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">Post</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">as</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Followings'</span>,</div>
<div>&nbsp;&nbsp;&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>],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;model:&nbsp;Post,</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;as:&nbsp;'Followers',</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;&nbsp;&nbsp;attributes:&nbsp;['id'],</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;}</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;console.log("fullUserWithoutPassword::::::::::::",JSON.stringify(fullUserWithoutPassword),"enddddddddddddd");</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>(<span style="color: #4fc1ff;">fullUserWithoutPassword</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color: #c586c0;">else</span>&nbsp;{</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>(<span style="color: #569cd6;">null</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;}&nbsp;<span style="color: #c586c0;">catch</span>&nbsp;(<span style="color: #9cdcfe;">error</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">error</span>(<span style="color: #9cdcfe;">error</span>);</div>
<div>&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">next</span>(<span style="color: #9cdcfe;">error</span>);</div>
<div>&nbsp;&nbsp;}</div>
<div>});</div>
</div>
<p>위의 라우터에서 Post에서 as를 Followings를 해야만 가져올 수 있더라구요. Follwers를넣으면 오류가나더라구욥..</p>
<p>위의 라우터는 왜 post as Follwers가 안먹히는 걸까요?.. 헷갈리네요 ㅜ</p>
<p></p>
<p></p>

<p>감사합니다.&nbsp; 제가 디비 이해가 부족해서 더 여쭤보겠습니다...ㅜ</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;">&nbsp;<span style="color: #9cdcfe;">db</span>.<span style="color: #9cdcfe;">User</span>.<span style="color: #dcdcaa;">belongsToMany</span>(<span style="color: #9cdcfe;">db</span>.<span style="color: #9cdcfe;">Post</span>,&nbsp;{&nbsp;<span style="color: #9cdcfe;">through</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Follow'</span>,&nbsp;<span style="color: #9cdcfe;">as</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Followings'</span>,&nbsp;<span style="color: #9cdcfe;">foreignKey</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'FollowerId'</span> });</div>
<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;">db</span>.<span style="color: #9cdcfe;">Post</span>.<span style="color: #dcdcaa;">belongsToMany</span>(<span style="color: #9cdcfe;">db</span>.<span style="color: #9cdcfe;">User</span>,&nbsp;{&nbsp;<span style="color: #9cdcfe;">through</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Follow'</span>,&nbsp;<span style="color: #9cdcfe;">as</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Followers'</span>,&nbsp;<span style="color: #9cdcfe;">foreignKey</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'FollowingId'</span> });</div>
<p>위에처럼 post모델의&nbsp; 이름은 Followings이고 foreignKey는 FollwerId이고</p>
<p>User모델은 Follwers 이고 foriegnKey는 FollowingId이잖아요?&nbsp;</p>
<p>그런데 팔로우하는 라우터에서 이렇게 정해줬을 시</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;">
<div><span style="color: #4fc1ff;">router</span>.<span style="color: #dcdcaa;">patch</span>(<span style="color: #ce9178;">'/:PostId/follow'</span>,&nbsp;<span style="color: #9cdcfe;">isLoggedIn</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;PATCH&nbsp;/user/1/follow</span></div>
<div>&nbsp;&nbsp;<span style="color: #c586c0;">try</span>&nbsp;{</div>
<div>&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #4fc1ff;">post</span>&nbsp;=&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<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;">PostId</span>&nbsp;}});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(!<span style="color: #4fc1ff;">post</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">status</span>(<span style="color: #b5cea8;">403</span>).<span style="color: #dcdcaa;">send</span>(<span style="color: #ce9178;">'없는&nbsp;사람을&nbsp;팔로우하려고&nbsp;하시네요?'</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<span style="color: #4fc1ff;">post</span>.<span style="color: #dcdcaa;">addFollowers</span>(<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">user</span>.<span style="color: #9cdcfe;">id</span>);</div>
<div>&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>({&nbsp;<span style="color: #9cdcfe;">PostId</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #dcdcaa;">parseInt</span>(<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">params</span>.<span style="color: #9cdcfe;">PostId</span>,&nbsp;<span style="color: #b5cea8;">10</span>)&nbsp;});</div>
<div>&nbsp;&nbsp;}&nbsp;<span style="color: #c586c0;">catch</span>&nbsp;(<span style="color: #9cdcfe;">error</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">error</span>(<span style="color: #9cdcfe;">error</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">next</span>(<span style="color: #9cdcfe;">error</span>);</div>
<div>&nbsp;&nbsp;}</div>
<div>});</div>
</div>
<p></p>
<p>팔로우를 하면&nbsp; (참고로 req.user.id)는 1이고 req.params.PostId가 2입니다.)</p>
<p></p>
<p><img src="https://cdn.inflearn.com/public/comments/a757418c-61f9-4ccd-b986-b07915e420f2/blob" alt="" /></p>
<p>데이터베이스에 Follwerid가 1 FollowingId가 2로 나옵니다.</p>
<p>저는 당연히 Post모델 즉 Followings의 foreignKey가 FollwerId이기 때문에 FollwerId에 2가 들어갈 줄 알았는데. 반대가 되네요?? post모델의 forignKey가 FollwerId인데 왜 데이터베이스에는 FollowingId에 2가 들어가는건지 궁금합니다..</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;">
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">case</span>&nbsp;<span style="color: #c8c8c8;">COOK_UP_SUCCESS</span>:&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">loadPostsLoading</span>&nbsp;=&nbsp;<span style="color: #569cd6;">false</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">loadPostsDone</span>&nbsp;=&nbsp;<span style="color: #569cd6;">true</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">for</span>(<span style="color: #569cd6;">let</span>&nbsp;<span style="color: #9cdcfe;">i</span>&nbsp;=&nbsp;<span style="color: #b5cea8;">0</span>;&nbsp;<span style="color: #9cdcfe;">i</span>&nbsp;<<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>.<span style="color: #9cdcfe;">legnth</span>;&nbsp;<span style="color: #9cdcfe;">i</span>++)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(&nbsp;<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>[<span style="color: #9cdcfe;">i</span>].<span style="color: #9cdcfe;">id</span>&nbsp;!==&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">mainPosts</span>[<span style="color: #9cdcfe;">i</span>].<span style="color: #9cdcfe;">id</span>&nbsp;){</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">mainPosts</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">mainPosts</span>.<span style="color: #dcdcaa;">concat</span>(<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>[<span style="color: #9cdcfe;">i</span>]);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">hasMorePosts</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>.<span style="color: #9cdcfe;">length</span>&nbsp;===&nbsp;<span style="color: #b5cea8;">10</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">break</span>;</div>
<br /><br />
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">case</span>&nbsp;<span style="color: #c8c8c8;">COOK_UP_SUCCESS</span>:&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">loadPostsLoading</span>&nbsp;=&nbsp;<span style="color: #569cd6;">false</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">loadPostsDone</span>&nbsp;=&nbsp;<span style="color: #569cd6;">true</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #4fc1ff;">ha</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">mainPosts</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">for</span>(<span style="color: #569cd6;">let</span>&nbsp;<span style="color: #9cdcfe;">i</span>&nbsp;=&nbsp;<span style="color: #b5cea8;">0</span>;&nbsp;<span style="color: #9cdcfe;">i</span>&nbsp;<<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>.<span style="color: #9cdcfe;">legnth</span>;&nbsp;<span style="color: #9cdcfe;">i</span>++)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(&nbsp;<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>[<span style="color: #9cdcfe;">i</span>].<span style="color: #9cdcfe;">id</span>&nbsp;!==&nbsp;<span style="color: #4fc1ff;">ha</span>[<span style="color: #9cdcfe;">i</span>].<span style="color: #9cdcfe;">id</span>&nbsp;){</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">mainPosts</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">mainPosts</span>.<span style="color: #dcdcaa;">concat</span>(<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>[<span style="color: #9cdcfe;">i</span>]);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">hasMorePosts</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>.<span style="color: #9cdcfe;">length</span>&nbsp;===&nbsp;<span style="color: #b5cea8;">10</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">break</span>;</div>
<br /><br />
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">case</span>&nbsp;<span style="color: #c8c8c8;">COOK_UP_SUCCESS</span>:&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">loadPostsLoading</span>&nbsp;=&nbsp;<span style="color: #569cd6;">false</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">loadPostsDone</span>&nbsp;=&nbsp;<span style="color: #569cd6;">true</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #4fc1ff;">ha</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">mainPosts</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">for</span>(<span style="color: #569cd6;">let</span>&nbsp;<span style="color: #9cdcfe;">i</span>&nbsp;=&nbsp;<span style="color: #b5cea8;">0</span>;&nbsp;<span style="color: #9cdcfe;">i</span>&nbsp;<<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>.<span style="color: #9cdcfe;">legnth</span>;&nbsp;<span style="color: #9cdcfe;">i</span>++)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(&nbsp;<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>[<span style="color: #9cdcfe;">i</span>].<span style="color: #9cdcfe;">id</span>&nbsp;!==&nbsp;<span style="color: #4fc1ff;">ha</span>[<span style="color: #9cdcfe;">i</span>].<span style="color: #9cdcfe;">id</span>&nbsp;){</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">mainPosts</span>&nbsp;=&nbsp;<span style="color: #4fc1ff;">ha</span>.<span style="color: #dcdcaa;">concat</span>(<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>[<span style="color: #9cdcfe;">i</span>]);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}}</div>
<br />
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">hasMorePosts</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>.<span style="color: #9cdcfe;">length</span>&nbsp;===&nbsp;<span style="color: #b5cea8;">10</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">break</span>;</div>
</div>
<p>이러한 방식들로 for문을 돌려봤는데 데이터가 하나도 안들어오네요 ㅜ 리듀서 안에서 뭘 하는게 아직 익숙치 않네요 ㅜ&nbsp; 어떻게 해야할까요&nbsp; 참고로 action.data도 배열로 들어옵니당</p>

질문있습니다

<p>정말 감사합니다. 한가지만 더 여쭙자면...</p>
<p>말씀하신대로 밑의 코드를 짰습니다</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;">
<div>&nbsp;<span style="color: #c586c0;">case</span>&nbsp;<span style="color: #4fc1ff;">LIKE_POST_SUCCESS</span>:&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">singlePost</span>[<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>.<span style="color: #9cdcfe;">PostId</span>];</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">likePostLoading</span>&nbsp;=&nbsp;<span style="color: #569cd6;">false</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">likePostDone</span>&nbsp;=&nbsp;<span style="color: #569cd6;">true</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">break</span>;</div>
</div>
<p></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;">
<div><span style="color: #4fc1ff;">router</span>.<span style="color: #dcdcaa;">patch</span>(<span style="color: #ce9178;">'/:postId/like'</span>,&nbsp;<span style="color: #9cdcfe;">isLoggedIn</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;PATCH&nbsp;/post/1/like</span></div>
<div>&nbsp;&nbsp;<span style="color: #c586c0;">try</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;console.log("req.params.postId::::::::",req.params.postId);</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #4fc1ff;">post</span>&nbsp;=&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<span style="color: #9cdcfe;">Post</span>.<span style="color: #dcdcaa;">findOne</span>(</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&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;">postId</span>&nbsp;}});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(!<span style="color: #4fc1ff;">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;">403</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: #c586c0;">await</span>&nbsp;<span style="color: #4fc1ff;">post</span>.<span style="color: #dcdcaa;">addLikers</span>(<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">user</span>.<span style="color: #9cdcfe;">id</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">json</span>({&nbsp;<span style="color: #9cdcfe;">PostId</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #4fc1ff;">post</span>.<span style="color: #9cdcfe;">id</span>,&nbsp;<span style="color: #9cdcfe;">UserId</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">user</span>.<span style="color: #9cdcfe;">id</span>&nbsp;});</div>
<div>&nbsp;&nbsp;}&nbsp;<span style="color: #c586c0;">catch</span>&nbsp;(<span style="color: #9cdcfe;">error</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">error</span>(<span style="color: #9cdcfe;">error</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">next</span>(<span style="color: #9cdcfe;">error</span>);</div>
<div>&nbsp;&nbsp;}</div>
<div>});</div>
</div>
<p></p>
<p>그런데 LKIE_POST_SUCESS액션이 실행 되고 리덕스에서 확인하면 singlePost객체의 Likers가</p>
<p><img src="https://cdn.inflearn.com/public/comments/432c547b-75e0-4a07-9e5f-a016d35495cc/blob" alt="" /></p>
<p>이렇게 빈 배열로 조회되고</p>
<p>새로고침을 하면 LOAD_POST_REQUEST액션이 실행되어 밑의 라우터가 실행되고</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: #9cdcfe;">router</span>.<span style="color: #dcdcaa;">post</span>(<span style="color: #ce9178;">'/'</span>,&nbsp;<span style="color: #9cdcfe;">upload</span>.<span style="color: #dcdcaa;">none</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;POST&nbsp;/post</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #4fc1ff;">fullPost</span>&nbsp;=&nbsp;<span style="color: #c586c0;">await</span>&nbsp;<span style="color: #9cdcfe;">Post</span>.<span style="color: #dcdcaa;">findOne</span>({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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: #4fc1ff;">post</span>.<span style="color: #9cdcfe;">id</span>&nbsp;},</div>
<div>&nbsp;&nbsp;&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;&nbsp;&nbsp;<span style="color: #4ec9b0;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #4ec9b0;">Image</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">User</span>,&nbsp;<span style="color: #6a9955;">//&nbsp;게시글&nbsp;작성자</span></div>
<div>&nbsp;&nbsp;&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;&nbsp;&nbsp;},&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">model</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #9cdcfe;">User</span>,&nbsp;<span style="color: #6a9955;">//&nbsp;좋아요&nbsp;누른&nbsp;사람</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">as</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #ce9178;">'Likers'</span>,</div>
<div>&nbsp;&nbsp;&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>],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}]</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;console.log("fullpost::::::::::::::::::",JSON.stringify(fullPost),"endddddddddddddd");</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;">201</span>).<span style="color: #dcdcaa;">json</span>(<span style="color: #4fc1ff;">fullPost</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color: #dcdcaa;">catch</span>&nbsp;(<span style="color: #9cdcfe;">error</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">error</span>(<span style="color: #9cdcfe;">error</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">next</span>(<span style="color: #9cdcfe;">error</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;});</div>
</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: #c586c0;">case</span>&nbsp;<span style="color: #4fc1ff;">LOAD_POST_SUCCESS</span>:</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">loadPostLoading</span>&nbsp;=&nbsp;<span style="color: #569cd6;">false</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">loadPostDone</span>&nbsp;=&nbsp;<span style="color: #569cd6;">true</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">draft</span>.<span style="color: #9cdcfe;">singlePost</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">action</span>.<span style="color: #9cdcfe;">data</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">break</span>;</div>
</div>
<p>위의 액션이 실행되고 그때서야 LKIE_POST_SUCESS시 입력했던 값이</p>
<p><img src="https://cdn.inflearn.com/public/comments/c08ee8ca-7fea-4599-93de-18e2044a6cd6/blob" alt="" /></p>
<p>Likers에서 조회가 되네요.&nbsp; LKIE_POST_SUCESS시 리덕스에서 Likers가 조회되게 하려면 어떻게 해야할까요...&nbsp;</p>

안녕하세요 제로초님

<p>a</p>
<p><img src="https://cdn.inflearn.com/public/comments/9fb3b6a5-6adb-4e44-930e-1e67e63c4200/blob" alt="" /></p>
<p>a</p>
<p><img src="https://cdn.inflearn.com/public/comments/111c12d1-6503-431b-ba04-3d5a944d3115/blob" alt="" /></p>
<p></p>
<p><img src="https://cdn.inflearn.com/public/comments/6ff75520-3ac4-428c-872f-ef8bda3ffcb1/blob" alt="" /></p>
<p></p>
<p><img src="https://cdn.inflearn.com/public/comments/c76b923a-de8f-4ca2-97b0-666d8d228b14/blob" alt="" /></p>
<p><img src="https://cdn.inflearn.com/public/comments/6bf054c5-fa63-4389-9bdc-b67473fe9c9b/blob" alt="" /></p>
<p></p>
<p>이렇게 되어있습니다!</p>

nan84203857

投稿