vue.js

· Vue.js
#해시 태그 기능은 게시물을 구현할 때 거의 빠지지 않고 사용되는 기능이라고 할 수 있다. 태그를 구현하는 방법에는 여러가지가 있지만, 위의 GIF와 같이 동적으로 태그를 생성하는 디자인이 가장 많이 사용된다고 할 수 있다. 티스토리에서도, Velog에서도 이와 같은 방식으로 해시 태그 기능을 제공하고 있다. 내가 진행하고 있는 프로젝트에서도 아래의 요구 사항을 충족하는 태그 기능을 구현해야했다. #을 입력하고 스페이스바를 누르면 태그를 생성 (최대 5개까지만 입력 가능) 생성된 태그를 눌렀을 때 & 입력이 없는 상태에서 Backspace를 눌렀을 때 태그 삭제 드래그 앤 드롭으로 순서 변경 가능하도록 1. #을 입력하고 스페이스바를 누르면 태그 생성 태그의 목록들을 보여주기 위한 template 코드는..
최유찬
'vue.js' 태그의 글 목록