FRONT/Vue.js (2) 썸네일형 리스트형 Vue3 - 동영상 url로 썸네일 직접 만들기... (Canvas/vue3/typescript) 들어가기 전.. 하.. 이번에 동영상 썸네일 만들라고 하셔서 작업하는데.. 자꾸 canvas에 안그려져서 무척이나 당황스러웠다.아무튼 좌충우돌 해결해서 나중에 이런 작업이 또 생기면 보려고 기록차 글을 남깁니다.아직 하자가 있습니다. 비율이 깨진다는 하자요. 다음에 수정해야겠어요. html (template) javascript (vue - typescript) // ...중략 props: { file: { type: Object, required: true, }, originFileList: { type: Array as PropType, }, }, setup(props, {emit}) { const videoOriginElement = ref(); const videoThumbnailElement =.. Vuex : Vue.js 상태관리 패턴 라이브러리 이해하기 들어가기 전.. 작년 초 Vue 스터디를 했을 때 vuex에 대한 주제도 나왔었습니다. 다 같이 읽기는 했지만 당시에는 낯설었던 용어들에 이해를 제대로 하지 못한 상태로 넘어간 것 같네요. 그런 상태로 사용했었는데.. 제대로 이해하기 위해 오늘은 Vuex에 대해 적어볼까 합니다. Vuex? 상태 관리?? Vuex는 Vue.js 에 대한 상태 관리 패턴 + 라이브러리입니다. Vue.js 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 합니다. 또한, 애플리케이션에서 Flux 아키텍쳐를 구현하는데 도움을 주는 라이브러리이기에 Vuex를 제대로 설명하기 전, 상태 관리와 MVC 패턴과 Flux 패턴에 대해 가볍게 짚고 넘어가겠습니다. 상태 관리란? 상태(state)는 뷰 data 속성과 비슷합니.. 이전 1 다음
