YoonStudyNote

1. 비디오 폴더는 무조건 public 폴더 밑에 종속되어야한다. 2. src위치 설정해줄때는 비디오폴더가 어디 있던지 간에 앞에 경로위치 다 무시하고 "/videos/video-2.mp4" 라고 선언해야한다, ----> 즉, 만약 내가 있던 자바스크립트 파일에서 비디오 경로가 "../../videos/video-2.mp4"여도 무조건 "/videos/video-2.mp4"라고 선언해야한다.

developer.mozilla.org/ko/docs/Web/CSS/object-fit object-fit - CSS: Cascading Style Sheets | MDN CSS object-fit 속성은 나 요소와 같은 대체 요소의 콘텐츠 크기를 어떤 방식으로 조절해 요소에 맞출 것인지 지정합니다. object-position 속성을 사용해 대체 요소 콘텐츠가 콘텐츠 박스 내에 위치할 developer.mozilla.org 이 사이트에 들어가서 확인해보세요. 우선 object-fit의 속성은 나 요소와 같은 대체 요소의 콘텐츠 크기를 어떤 방식으로 조절해 요소에 맞출 것인지 지정합니다. object-position 속성을 사용해 대체 요소 콘텐츠가 콘텐츠 박스 내에 위치할 지점을 바꿀 수 있습니다. 나..

CSS Viewport를 기준으로 한 단위가 4개 있습니다.(vh, vw, vmin, vmax) Viewport Height (vh) : viewport의 높이에 근거한다. 1vh는 viewport의 높이의 1%와 같다 Viewport Width (vw) : viewport의 폭에 근거한다. 1vw는 viewport의 넓이의 1%와 같다 Viewport Minimum (vmin) : viewport의 (높이와 너비 중) 작은 쪽의 치수에 기초로한다. viewport의 높이가 폭보다 작은 경우, 1vmin는 viewport의 높이의 1%에 해당한다. 마찬가지로 viewport의 폭이 높이보다 작은 경우, 1vmin는 viewport의 넓이의 1%와 같다 Viewport Maximum (vmax) : vie..