분류 전체보기 (334) 썸네일형 리스트형 [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; html에서 자주 쓰이는 특수문자, 특수기호, 이모지 코드 표현 문자 < 공백 ' ' (1칸 space) & & " " © ⓒ « ≪ ± ± · · » ≫ -특수기호 ½ ⅓ ⅔ ¼ ¾ ⅛ ⅝ ⅞ ๑ • ิ . • ั ๑ ๑ ۩ ۞ ۩ ๑ ♬ ✿ . 。 . : * ★ ☆ ε ї з ℡ ❣ · ۰ • ● ○ ● ō ゃ ♥ ♡ ๑ ۩ ﺴ ☞ ☜ ☎ ☏ ♡ ⊙ ◎ ☺ ☻ ✖ ╄ ஐ ﻬ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌▐░ ▒ ▬ ♦ ◊ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆ → あ ぃ £ ❤# @ & * ❁ ❀ ✿ ✾ ❃ ✺ ❇ ❈ ❊ ❉ ✱ ✲ ✩ ✫ ✬ ✭ ✮ ✰ ☆ ★ ✪ ¤ ☼ ☀ ☽ ☾ ❤ ♡ ღ ☻ ☺ ❂ ◕ ⊕ ☉ Θ o O ♋ ☯ ㊝ ⊙ ◎◑ ◐ ۰ • ● ▪ ▫ 。 ゚ ๑ ☞ ☜ ☂ ♨ ☎.. 리눅스: portX로 동영상 삽입시 화면에 나타나지 않을때 build 폴더에 cp -r 기존경로파일 복사할파일경로위치 하여 npm run build 할때마다 붙여넣어줘야함... Creating an optimized production build...Failed to compile.static/css/main.52df01e0.css from Css Minimizer plugin/home/ubuntu/stoma/static/css/main.52df01e0.css:2808:16: Unknown word [<no source>:1,0][static/css/main.52df01e0.css:2808,16] tailwind compile error =>css 에 변수처리 ${}가 원인 참고: https://stackoverflow.com/questions/71484883/unknown-word-error-from-css-minimizer-plugin-on-react-build A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the compone.. A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. input value 에 undefined 들어갔을경우 에 대한 처리 value ={value ||""} npm install `--force` and `--legacy-peer-deps` 차이점 출처: https://velog.io/@yonyas/Fix-the-upstream-dependency-conflict-installing-NPM-packages-%EC%97%90%EB%9F%AC-%ED%95%B4%EA%B2%B0%EA%B8%B0 npm install `--force` and `--legacy-peer-deps` 차이점 참고 https://stackoverflow.com/questions/66020820/npm-when-to-use-force-and-legacy-peer-deps velog.io ubuntu 서버 프론트 npm i 시 “ /usr/bin/bit ls-remote -h -t ....” 에러해결 *추측: permission denied 및 remote repository가 본인 계정이 아니여서 에러가 났나 싶어, (초기 클론한 깃 주소가 페이깃허브이므로) 1.heringsit 계정에 stoma 하나 더 생성한후 코드 복사 2.ubuntu 접속후 (ssh -i "/Users/herings/Documents/ircc_keypare.pem" ubuntu@15.165.140.143) git clone “옮긴 heringsit 깃 주소" 3.npm i (⇒react quil과 react-pdf 노드 모듈이 노드 버전이 안맞아서 그런지 다시 에러가뜸) 시 에러가 떠서 npm i —legacy-peer-deps 처리 4.cp webpack.config.js node_modules/react-scripts/c.. swiper 이전 다음 버튼 비활성화 loop = {false}, autoplay 기능을 꺼주면 비활성화기능이 적용된다 console.log(swiper)} > 이전 1 ··· 12 13 14 15 16 17 18 ··· 42 다음