[TIL] 11.14 card 이동

오늘 한일

레이아웃을 제외한 css를 다듬어 주고 card를 이동시키는 부분을 만들어 주었다. 

react DnD 라이브러리를 사용하여 구현 하고 싶었지만 꽤나 시간이 걸릴것 같아서 다른 방법을 생각했다. 

card의 move를 클릭하면 container마다 클릭 할수 있는 이모지가 나타나고 해당 이모지를 클릭하면 이동하는 방식으로 만들었다.  

 

-move를 클릭했을 때

  해당 card의 key가 state에 저장이 되고 container 마다 웃고 있는 이모지가 나타 난다.

-이모지를 클릭 했을 때

  containerkey를 인자로 넘겨주어 함수가 실행이 되고 card가 클릭한 이모지 의 container로 넘어 간다.