vocabulry note

2023년 1월 21일

intro

예전에 만들었던 토이 프로젝트를 정리하면서 개선해 보려고 한다.
이 프로젝트를 간단하게 소개하면 영어 단어를 검색해 단어와 뜻을 노트에 적듯이 저장하고 외우면 지우는 영어 단어 노트다.
영어 단어를 외울 때 나는 주로 손으로 적으면서 외운다. 이 방법이 잘 외워지긴 하지만 손이 아프다는 단점이 있다. 한참 단어를 쓰면서 외울 때 손이 아파 내 전용 노트가 있으면 좋겠다는 생각을 해 만들어 봤다.

프로젝트에서 구현할 기능으로는

  1. 단어 검색
  2. 단어 저장
  3. 단어 삭제
  4. 외운 단어 체크
  5. 최근 검색 단어 보이기

정도로 큰 틀에서 5가지의 기능을 구현할 예정이다. 여기서 더 추가될 수도 있다.

단어 검색에 있어서는 아쉽게 적당한 Open API가 없어 proxy server를 이용한다. 따라서 배포없이 로컬에서만 돌린다.

기술

  • Language: JavaScript
  • Framework: Vue
  • Libraries: Vueuse
  • Extensions: Pinia
  • UI: tailwindcss, iconify/vue

이외에도 추가될 수 있으며, 단어 저장에 있어 db를 사용할지 로컬 스토리지를 사용할지 고민 중이다.


댓글