A.개발관련자료 (19) 썸네일형 리스트형 [0]react 스크롤시 해당 위치(id)로 이동하기 : <a href = "#tagname"> ,scrollEvent 1. #n (아이디값으로 해당 페이지 내 위치 도달, html에 전체 스크롤시 부드럽게 적용) import React from "react"; export const AtagId = () => { const content = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only .. [0]클릭시 하단으로 이동 import React from "react"; const ScrollBt = () => { const goScroll = () => { const DocumentSize = document.querySelector(".parent"); window.scrollTo(0, DocumentSize.clientHeight); }; return ( godown here ); }; export default ScrollBt; [0]특정파일의 크기가 너무 커서 submit시 전송이 안되는 경우 : file의 사이즈에 문제가 있을 경우 Files 배열안의 .size를 활용하여 15mb이상 일경우의 파일크기를 측정할수 있는 예시. const FilesSize = () => { const imageHandleChange = (e) => { const activeFiles = Array.from(e.target.files); let toastShow = false; activeFiles.forEach((el) => { console.log(el.size); if (el.size / 1000000 > 15) { toastShow = true; } }); if (toastShow) { alert("this file is over 15mb"); } }; return ( click ); }; export default FilesSize; 이전 1 2 3 다음