TypeScript2 react-router-dom v5, v6 비교 안녕하세요. 이번에 회사에서 react-router-dom의 버전을 업그레이드하는 작업을 진행하면서 v5에서 사용하던 기능들이 v6에서 어떻게 변경되었는지 공유합니다. 1. Switch → Routes 변경 v5에서 사용하던 가 로 변경되었습니다. // v5 // v6 2. exact 옵션 삭제 속성 중, path가 정확히 일치할 때만 사용하는 exact 가 삭제되었습니다. // v5 // v6 3. component 방식 변경 v5에서 사용하던 component, render 속성이 element 속성으로 변경되었습니다. // v5 ( )} /> // v6 4. 중첩 라우팅 방법 변경 4.1 Basic 기존 v5와 동일하게 중첩라우팅을 사용할 수 있습니다. 여기서 차이점은 상위 path에 *가 추가되어.. 2021. 12. 4. 업로드한 이미지 압축하기(React/browser-image-compression) Javascript에서 이미지를 업로드 했을 때, 이미지 사이즈를 줄여주는 패키지입니다. 설치 yarn add browser-image-compression or npm install browser-image-compression --save 사용법 주요 사용법입니다. import imageCompression from 'browser-image-compression'; function BrowserImageCompression(){ const compressImage = async (image: File) => { try{ const options = { maxSizeMb: 1, maxWidthOrHeight: 300, } return await imageCompression(image, options.. 2021. 5. 27. 이전 1 다음
