React(11)
-
[React] Error: ENOSPC: System limit for number of file watchers reached (watchers 에러 뜰때)
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p 만약 시스템이 읽기 전용이면 위 커맨드가 안된다. 그럴 땐 vscode 설정에서 watcher를 입력하고 exclude 항목에 *를 추가하면 된다. 참고로 watchers 에러가 무한으로 뜨면 코드는 멀쩡해도 같은 명령어가 무한 반복 되는 거 같은 치명적인 오류가 뜨니 오해하지 말자!!
2023.07.22 -
[React] response할 때 주의사항
다음과 같이 response 값을 set(useState)을 이용해서 하게 되면 submit을 두 번해야하는 문제가 발생한다. 추측건대 아마 setResult가 다 실행되기 전에 if (result) 문이 실행되기 때문이다. axios.post는 비동기이기 때문에 setResult도 비동기로 처리가 되기 때문이다. axios.post( "http://localhost:8000/signup/id_validation", body ).then( ( res ) => { console.log( res.data ) setResult( res.data ) } ).catch( error => { // 요청 중 에러가 발생했을 때 처리 console.error( error ); } ); if ( result ) { if..
2023.07.21 -
[React] 환경 세팅
npm을 하려면 nvm이 필요하다 vi ~/.bashrc을 통해 열고 다음 입력 export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" 이걸 입력 안하면 nvm이 없다고 뜰 것이다. node: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.28' not found (required by node) 위의 오류는 우분투와 nvm간의 호환이 되지 않아서 생기는 문제로 ubuntu LTS 18.04 같은 경우 nvm use 17을 입력한다.
2023.07.20 -
[React] 페이지 간 이동
세 가지 방법이 존재한다. Link to useNavigate window.location.href useNavigate는 첫번째 rendering이 일어날때는 안된다. 그때 바꾸고자 한다면 window.location.href를 사용해야한다. window.location.href = 'path/to/location'
2023.07.19 -
[React] 다크 모드가 어디서 설정되는지 모르겠을때
분명 index.html, js 파일을 샅샅이 뒤져봐도 다크모드가 될 만한 요소가 없을 때 답은 tailwind.css에 있었다. 밑의 prefers-color-scheme: dark 이 녀석 때문에 저녁만 되면 자동으로 dark 모드가 되었던 것이다. 이 친구를 제거해주니 dark 모드가 적용이 안되었다. 반대로 다크모드를 시간에 따라 자동으로 변경되도록 하고 싶다면 이 요소를 추가하면 되겠다. @media (prefers-color-scheme: dark) { .dark\:border-white\/20 { border-color: rgb(255 255 255 / 0.2); } .dark\:bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 5..
2023.07.17