토피넛, 트렐로 레플리카

less than 1 minute read

AI 대회에 참여하면서 할일을 관리하기 위해 만들었다.

e18489e185b3e1848fe185b3e18485e185b5e186abe18489e185a3e186ba-2018-07-31-e1848be185a9e18492e185ae-4-39-52.png

스크린샷 2018-07-31 오후 4.48.20

트렐로 특유의 편리한 UI를 구현하기 위해 vuedraggable 라이브러리를 사용했다.

스크린샷 2018-07-31 오후 4.49.24

카드를 선택하면 할 일 수정과 설명 추가, 삭제를 할 수 있다.

https://gist.github.com/16Yongjin/a9d4fac5cd1c8fc7516d6aa67d70e388

30줄짜리 서버가 할 일을 저장한다.

혼자 사용하려고 대충 만들었지만

필요한 부분만 업데이트하는 법과 웹소켓으로 동시 사용자 처리하는 법을 고민해봐야한다.