JavaScript/React20 [React] public 폴더 안에 image 안불러지는 현상 src폴더 안에 이미지는 require을 쓰거나 import 해서 불러오는 수 밖에 없다. src폴더 속 이미지를 직접 import 하여 콘솔에 출력해보면, 파일 경로뒤에 숫자+영어가 붙는걸 볼 수 있는데, 이는 프로젝트를 재시작 할 때마다 바뀌기 때문에 require나 import를 쓰는 것이다. 반면, public 폴더는 서버와 통신이 가능하기때문에 public에 image폴더를 만들면 상대경로를 그대로 쓸 수 있는데, 분명 맞는 경로일텐데 image가 안불러지는 현상이 있었다.. 설마설마 하면서 확인해 본 결과 이미지 파일의 이름이 한국어면 안된다 .. // 안됨 // 됨 허무.. 2023. 12. 13. [React] 우클릭 금지 { e.preventDefault(); }} /> 2023. 11. 24. [React] 페이징 만들기 분명히 자주 쓸거같아서 보고 빠르게 만들기 위해 블로그에 남겨두겠다 !! 양쪽 화살표를 누르면 현재 페이지에서 각각 -1, +1이 되도록 만들었다. 아직, 내가 7페이지에서 11페이지를 가려면 10을 누르고 >를 눌러야한다는 단점이 있지만.. > 버튼은 차차 수정하도록... // 전체 게시글 갯수 const cnt = 400; // 현제 페이지 번호 const [currentpage, setCurrentpage] = useState(1); // 마지막 페이지 번호 const finalPagenum = cnt % 12 > 0 ? Math.floor(cnt / 12) + 1 : Math.floor(cnt / 12); // 페이징 만들기 let pageArray = []; const paging = () =>.. 2023. 11. 24. [React] 코드 실행 순서 도움이된 포스트 https://codingapple.com/unit/react-setstate-async-problems/ state 변경함수 사용할 때 주의점 : async - 코딩애플 온라인 강좌 (짧아서 글로 진행합니다) 자바스크립트의 sync / async 관련 상식 자바스크립트는 일반적인 코드를 작성하면 synchronous 하게 처리됩니다. 번역하면 동기방식 이런데.. 뭔소리냐면 코드 적은 순서 codingapple.com 최고의 강의 let [count, setCount] = useState(0); let [age, setAge] = useState(20); useEffect(() => { if (count !== 0 && count < 3) { setAge(age + 1); return; .. 2023. 11. 22. 이전 1 2 3 4 5 다음
