dukDukz

https://orange056.tistory.com/89 [javascript] input태그 특수문자 입력 방지 우선 특수문자를 제거해주는 함수를 만들어준다. 위 특수문자가 입력 될 경우 특수문자 한자리를 지워주고 alert창을 띄운다. 다음으로 input태그를 만들어준다. 그리고 키를 누르고 뗐을 때 charact orange056.tistory.com

https://velog.io/@zkffhtm6523/Javascript-%EC%9C%A0%ED%9A%A8%EC%84%B1-%EA%B2%80%EC%82%AC [Javascript] 유효성 검사 URL / Image File Size velog.io

https://github.com/tannerlinsley/react-query/discussions/1461 Error: No QueryClient set, use QueryClientProvider to set one · Discussion #1461 · tannerlinsley/react-query I am trying to use a simple useQuery Hook however it always produce the above error. I believe this is due to the new updates and changes in v3. How should I be using useQuery in V3 ? Desktop (plea... github.com 세팅 해주자..

https://lhwn.tistory.com/entry/%EC%98%A4%EB%A5%98-binsh-react-scripts-command-not-found [오류] /bin/sh: react-scripts: command not found yarn start 명령으로 프로젝트를 시작하려하면 해당 오류가 빈번하게 발생한다... ~ yarn start /bin/sh: react-scripts: command not found 그럼 여기서 react-scripts 뭘까 ​ ※react-scripts 는 Node.js 의 모.. lhwn.tistory.com

https://devlimk1.tistory.com/125 [Git_Error] remote: HTTP Basic: Access denied and fatal Authentication 에러를 해결해보자! 데브림의 블로그 포스팅 한 것들을 한 눈에 확인하고 싶다면 클릭! 👉 https://github.com/DevLimK1/tistory-map 👈 나의 소소한 기록이 누군가에게는 도움이 되기를 바라며... 에러가 발생한 과정 부스트 devlimk1.tistory.com

무지성 React - 리렌더링 막고 싶어요... 무지성으로 습득해서 나름대로 뇌피셜을 적는 공간굉장히 비 학습적인 게시글이며 무지하기 때문에 여기 있는 정보를 정보라고 생각하면 안됩니다. 재미로 보면서 이런 허접도 있구나 라고 웃 velog.io 여기에 있는것 처럼.. 특정 값의 state 를 변경하면 영상이 깜빡거리면서 재시작하는 문제가 있었다. 프로젝트를 진행할 때 좋아요 버튼을 누르면 추천수가 올라가게 되어있었는데 좋아요, 추천수 state가 변하면서 리렌더링 되는것에서 문제가 발생한것이다. 그래서... 컴포넌트를 분리를 해주었다. 영상 부분 컴포넌트로 빼고 좋아요 관리하는거 컴포넌트로 빼고 좋아요 추천수 state를 자식 컴포넌트에서 관리하는걸로 바꿔줬다. 원래는 부모 컴포넌트에서 state 관리..

https://cotak.tistory.com/112 [React.js] API를 연동한 Pagination 구현 React Pagination 구현하기 리스트를 띄워줄 페이지를 만드는 과정에서 Pagination이 필요했다. 처음엔 Material-UI에서 제공하는 Pagination 컴포넌트를 이용해서 구현하려 했으나 문제가 있었다. 삽질끝에 cotak.tistory.com 이 글 을 참고해서 페이지 네이션을 구현했다. [조건] - API 통신 시 모든 데이터를 한번에 다 받아야 한다. (총 개수 필요함) - 총 개수가 있으면 한번에 얼마나 display 할지 설정만 해주면 알아서 나오게 된다. 근데 이번에 진행한 프로젝트에서는 전체 개수가 아니라 각 페이지 별로 10개씩만 나오게 했기 때문에 이걸 ..

https://zih0.tistory.com/2 React.js Dropzone 라이브러리 사용하기 공식 문서 : https://react-dropzone.js.org/ 공식 문서를 기반으로 작성합니다. 라이브러리 설치 npm install --save react-dropzone yarn add react-dropzone or: yarn add react-dropzone 기본 사용법( 훅스를.. zih0.tistory.com