Vue로 만드는 나만의 앨범!! - 1

1. ToDo

- Vue를 접하면서 나만의 클라우드 앨범을 만들고 싶어졌다.

2. 필요한 기능 정리와 설계! DooDoong~

- 일단 설계를 해보려는데... 클라이언트, 서버를 동시에 해야한다.

1. 앨범은 폴더형식으로 내 사진들을 정리할 수 있어야 한다.

2. 앨범은 당연하게도 사진을 업로드할 수 있어야 한다.

3. 사진의 이름, 정보 등을 수정하고 조회할 수 있어야 한다.

4. 사진을 다운로드할 수 있어야 한다.

( 우선 이렇게 4가지의 기능 정의를 가지고 설계를 들어가야 겠다! )

3. Client 초기 세팅.

1. 초기 세팅은 Vue 게시물 참고 -> Vue 세팅하러가기 (단, Vue3로 생성)

2. 필요한 모듈 정리해보기(사전 조사)

(실제 npm 다운로드에 사용되는 이름으로 정리
그냥 그저 필요할 것 같은 모듈을 무작정 리스트업 하고
구현 중에 차근차근 정리해보자)

• 스크롤 바 : vuebar
• 숫자 올라가는 애니메이션 : vue-number-animation
• 각종 텍스트 유효성 체크 : simple-vue-validator
• 팝업 시 팝업 밖을 클릭 시 액션 : v-click-outside
• 색상 도구 : vue-color
• 좌우 스와이프 동작 : vue-awesome-swiper
• 팝업 창 : vue-js-modal
• 이미지 팝업 창 : vue3-picture-swipe
• 이미지 팝업 창 2 : vue-gallery-slideshow

3. Vue 프로젝트 시 유용한 사이트

• Vue 예제 저장소! > https://vuejsexamples.com/
• Npm 모듈 도우미! > https://openbase.com/
• Vue 여러 예제와 참고문서! > https://madewithvuejs.com/jscharting-vue-charts
• Vue에 대한 공식 문서를 읽고 풀어쓴 내용들! > https://rintiantta.github.io/jpub-vue/

4. 정리

- 일단 여러가기 준비는 이쯤에서 STOP하고 만들러 가보자