NPM (10) 썸네일형 리스트형 [#. react-ratio] React에서 video, image 비디오, 이미지 항상 같은 비율로 width, height 사이즈 유지하기 youtube clone 코딩을 하면서 모바일 기기로 직접 찍어서 업로드한 동영상이 detail 페이지에 떴을 때 video에 width = 100% 을 줬더니 height은 통제가 안 된다 모바일 기기 세로로 촬영해서 그렇다 video width = 100%로 유지하고 height은 비율을 유지하면서 반응형으로 바뀌었으면 좋겠다 www.npmjs.com/package/react-ratio react-ratio Small component that allows you to create responsive elements that will keep their ratio on different screen sizes. www.npmjs.com 쉽게 사용 가능한 package가 있다 ① 설치 npm insta.. [#. js-cookie] Cookie package 쿠키 패키지 사용해서 쿠키 set/get 하기 쿠키 사용하기 이전 글에 쓴 HTTP의 특징(비연결성, 상태없음) 때문에 쿠키를 사용하려고 한다 쉽고 간편하게 사용하기 위해 cookie.js 라이브러리는 사용해보자 ① cookie.js 설치 ⑴ NPM으로 설치 npm i js-cookie ⑵ CDN으로 사용 둘 중 편한 방법으로 사용한다 ② set/get // default 사이트 전체에서 확인 가능 Cookies.set('name', 'value') // 7일 뒤 쿠키 만료 Cookies.set('name', 'value', { expires: 7 }) // 7일 뒤 쿠키 만료 + 현재 경로에서만 확인 가능 Cookies.set('name', 'value', { expires: 7, path: '' }) Cookies.get('name')// 'value' Coo.. 이전 1 2 다음
