앞서 적은 기능들을 실제 구현 가능한지 간단하게 동작하는 앱을 만들어서 테스트를 먼저 해보려 합니다.
구현해야하는 기능
- text selection을 만든 뒤 Ctrl + C 를 통해 복사본을 생성한다.
- text selection을 만든 뒤 우클릭 -> context menu에서 “Copy Stack에 저장하기”를 통해 저장할 수 있다.
- 이미지는 우클릭 -> context menu에서 “Copy Stack에 저장하기” 를 통해 저장할 수 있다.
- 생성한 복사본은 브라우저가 꺼져도 유지된다.
- 복사본을 클릭해 클립보드에 덮어씌울 수 있다.
- 복사본을 삭제할 수 있다.
확인해야하는 기능
위의 구현해야하는 기능에서 실제 구현 가능성을 확인하기 위해 테스트해볼 내용은 다음과 같습니다.
- 앱에서 'copy' 이벤트를 캐치하고 액션을 수행할 수 있다.
- context menu를 생성하고 메뉴 선택에 대한 액션을 수행할 수 있다.
- indexed DB를 통해 텍스트, 이미지를 포함해 생성한 복사본을 저장하고 불러올 수 있다. (indexed DB를 사용해 브라우저가 꺼져도 데이터가 유지됨을 확인한다)
- 앱에서 클립보드에 접근해 데이터를 추가할 수 있다.