<p>draggableId={data.id.toString()}에서 toString을 해주는 이유는 무엇인가요?</p>
<div>
<div>&nbsp;</div>
<div>그리고 드래그 앤 드롭에 들어가는 속성들이 의미하는 바는 어떻게 공부해야 하나요?</div>
</div>

<p>안녕하세요 모듈을 위한 설명은&nbsp;<br />각각의 모듈의 설명이 있는 공식 모듈 사이트에 들어가면 됩니다.<br />그래서 이 경우에는 react-beautiful-dnd 사이트에 들어가셔서 알아보면 됩니다.&nbsp;<br /><br />draggableId 에 대해서 알아보기 위해서는 아래로 가면 됩니다.&nbsp;<br />https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/identifiers.md<br /><br />여기에는&nbsp;</p>
<p dir="auto" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; color: #adbac7; font-family: -apple-system, 'system-ui', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 16px; background-color: #22272e;">We expect an id to be a&nbsp;<code style="box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 13.6px; padding: 0.2em 0.4em; margin: 0px; background-color: var(--color-neutral-muted); border-radius: 6px;">string</code></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" style="box-sizing: border-box; margin-bottom: 16px; color: #adbac7; font-family: -apple-system, 'system-ui', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 16px; background-color: #22272e; position: relative !important; overflow: auto !important;">&nbsp;</div>
<p>이런 식으로 id는 string 값을 가진다고 되어있기 때문에 toString() 을 이용해서 string 값으로 변경시켜주시면 됩니다.&nbsp;<br /><br />감사합니다.</p>

인프런 커뮤니티 질문&답변

드래그 앤 드랍 질문있습니다.