개발 & IT/프론트엔드 (18) 썸네일형 리스트형 [Vue] Component 재사용 export default { path: '/test', component: () => Layout, children: [ {path: 'path1', component: () => Listcomponent}, {path: 'path2', component: () => Listcomponent}, ] } path만 다르게 해서 하나의 컴포넌트를 재사용할 때, 컴포넌트가 업데이트되지 않는 문제 발생. router-view에 key 속성을 추가하여 path로 컴포넌트를 식별하도록 해줌으로써 해당 컴포넌트를 동일요소가 아닌 다른 요소로 인식하여 컴포넌트 데이터가 업데이트된다. key는 이름답게 고유해야만 렌더링 오류를 방지할 수 있다. key 속성 참고.. https://v2.vuejs.org/v2/api/#.. [Html] Video Tag start_time, end_time 운영 중인 사이트에 고객이 올려놓은 동영상의 thumbnail 이미지가 동일하다는 문의가 들어왔다. 동영상의 첫 번째 프레임이 전부 같았던 문제. 슈퍼 하도급 용역은 동영상 프레임 문제니 동영상을 수정하라고 할 수 없으므로, video src value에 start_time을 조정해준다. ※poster attr를 사용하여 직접 썸네일을 지정해 줄 수도 있다. 이런 식으로 시작시간을 미세하게 조정해주면 thumbnail도 바뀐다. ※ HTML5 공식 문서에는 따로 언급 안되어 있다. #t=[start_time], [end_time] 위와 같은 형식으로 구간을 설정할 수도 있으며, #t=[hour]:[minutes]:[seconds]로 시간을 지정할 수 있다고 한다. https://web.dev/video-.. 이전 1 2 3 다음