<p>&nbsp;api/index.js 에서 axios의 then() 로직을 이미 작성했는데 Home.vue에서 다시 import 후 또 then() 이 작성되었습니다. promise 객체라서 다시 then()으로 작성이 가능 한건가요..? 그렇다면 api/index.js 에서 작성된것과 Home.vue에서 작성된 것 모두 실행되는거 맞나요???</p>

<p>엇 그러면 api/index.js파일 아래 로직에 result=&gt;result.data는 result라는 인자값을 받아서&nbsp; resulat.data를 리턴해주는거 맞나요??&nbsp;</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: #dcdcaa;">then</span>(<span style="color: #9cdcfe;">result</span>&nbsp;<span style="color: #569cd6;">=&gt;</span>&nbsp;<span style="color: #9cdcfe;">result</span>.<span style="color: #9cdcfe;">data</span>)</div>
<p></p>
<p></p>
<p>그리고 아래 Home.vue에서 result.data 를 data인자로 받은거구용&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: #9cdcfe;">board</span>.<span style="color: #dcdcaa;">fetch</span>()</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.<span style="color: #dcdcaa;">then</span>(<span style="color: #9cdcfe;">data</span>&nbsp;<span style="color: #569cd6;">=&gt;</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">this</span>.<span style="color: #9cdcfe;">boards</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">data</span>.<span style="color: #9cdcfe;">list</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})</div>
</div>
<p></p>
<p></p>
<p>이해한게 맞을까요..?</p>

<p>api 함수가 반환하는 값이 프라미스라서 그렇습니다. 프라미스는 비동기 로직을 다룰 때 사용하는데요 로직이 완료되되었을때 then 함수에 전달한 콜백함수의 인자를 통해서 받을 수 있습니다.</p>
<p>제가 원론적인 말씀만 드린것 같은데요. 혹시 질문에 대한 답변이 되었을까요?</p>

Inflearn Community Q&A

then 질문입니다