snippets client

스니펫(클라이언트)

Snippets은 Pocket이나 Google Keep의 정신을 계승한 "가벼운 북마크" 앱입니다. 저는 그 두 앱 중 어느 것도 제가 원하는 방식으로 정확히 작동하지 않는다는 것을 알았기 때문에 VueJS를 배우는 방법으로 나만의 앱을 만들기로 결정했습니다. 메모 작성 및 이미지 캡처보다는 임시 북마크 솔루션에 더 초점을 맞춥니다. 다시 방문하고 싶지만 브라우저에 영구 북마크를 지정하고 싶지 않은 링크를 유지하는 데 이상적입니다(예: 시청 중인 동영상 또는 나중에 다시 보고 싶은 Reddit 스레드).

주로 VueJS 2 + Vuex로 구축되었으며 UI 레이어에는 Element를 사용합니다. 그 외에도 JS 라이브러리에 관한 한 일반적인 용의자를 많이 사용합니다. 테스트 취재가 상당히 안타까운 상황인데, 개인 프로젝트에 불과한 내용을 따라잡을 시간이 없었을 뿐입니다.

여기에서 클라이언트 측 코드에 대한 저장소를 볼 수 있습니다.

데모

여기에서 개발/데모 버전을 볼 수 있습니다. 새 계정에 가입하면 모든 것이 제대로 작동할 것입니다(단, "비밀번호 찾기" 기능은 없으므로 비밀번호를 기억해 두십시오). 서버는 무료 Heroku 인스턴스를 실행하고 있으므로 성능 문제가 있더라도 두려워하지 마십시오.

VueJS CLI 관련 내용

 # install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run all tests
npm test