Daily Front_Minhhk

react-pdfDisplay PDFs in your React app as easily as if they were images.. Latest version: 8.0.2, last published: 7 days ago. Start using react-pdf in your project by running `npm i react-pdf`. There are 784 other projects in the npm registry using react-pdf.www.npmjs.com pdf 뷰어 다시 적용할 작업이 생겨!오랜만에 리마인드 느낌으로 다시 작성@  next.config.mjs 파일 수정!!const nextConfig = { //? react-pdf__config 설정____________..

💡 tanstackQuery 가 데이터를 캐싱 한다는 점이 중요!! isLoading 및 isFetching 속성은 데이터의 로드 상태를 나타내는 데 사용한다 isFetching 비동기 쿼리 함수가 해결안된 상태 → true (데이터를 가져오는 상태) isLoading isFetching 참이면서, 쿼리에 대한 캐시된 데이터가 없는 상태 isLoading 이 참이면, isFetching 도 참이다! 요약하면 isLoading 은 처음 data Fetching 을 할 때, isFetching은 data Fetching 요청을 다시 할 때 (캐시된 데이터가 있을 때,,) 📌 즉, 결론적으로 isLoading과 isFetching은 비슷하게 '로딩' 이라는 개념을 사용하지만 기존에 캐시된 데이터가 있느냐 에 ..

초기값 : 초기에 렌더링 되는 값 가장 먼저 렌더링될때 순간적으로 보여질 수 있는 값이기도 하다. 초기값 지키지 않을 경우? 렌더링 이슈, 무한 루프, 타입 불일치로 의도치 않는 동작 => 런타임 에러 넣지 않으면? undefined 상태를 CRUD => 상태를 지울때도 초기값을 잘 기억해놔야 원상태로 돌아간다. 빈값? null 처리를 할때 불필요한 방어코드도 줄여준다! 업데이트 되지 않는 상수나 참조객체 들은 컴포넌트 외부에 빼둔다. 플래그 값을 이용해서 랜더링, 하나하나의 조건의 state에 두고 분기처리 보단 낫다 * 플래그 값 * 프로그래밍에서 주로 특정 조건 혹은 제어를 위한 조건을 불리언으로 나타내는 값 function FlagState() : Element { const isLogin = h..

부모 요소 div 에 relative 를 추가 해주자! 자식 요소에 absolute 사용 했으니 useRef 로 적용할 툴팁의 부모 요소에 ref 걸어주고, bubbleTop 의 state를 활용하여 적용! const [bubbleTop, setBubbleTop] = useState(false); const bubbleRef = useRef(null); useEffect(() => { { const handleClickOutside = e => { if (bubbleRef.current && !bubbleRef.current.contains(e.target)) setBubbleTop(false); }; document.addEventListener('mousedown', handleClickOutside..

리뉴얼 후, 설정 페이지에서 토글 버튼을 통해, 서비스알림과 마케팅 알림을 post 요청을 보내야 하는 작업이 있었다. 처음에는 아무 생각 없이 버튼을 눌릴 때, 단순히 요청을 보내도록 코드를 만들었는데.. 사용자가 버튼을 연속으로 계속 누르면, 누른만큼 요청이 갈 것을 예상하지 못해서 수정에서는 디바운싱을 적용했다. 우선 간단히 디바운싱과 쓰로틀링에 대해 설명하자면! ❓ 쓰로틀링: 마지막 함수가 호출된 후 일정 시간이 지나기 전에 다시 호출되지 않도록 하는 것 지정한 ms에 한 번씩만 실행되게 제한을 두는 것 ❓ 디바운싱: 연이어 호출되는 함수들 중 마지막 함수를 호출하도록 하는 것 지금 작업에 필요한 것은 디바운싱이다! 사용자가 막 눌려도 마지막 함수 하나만 호출 하면 되기에! 코드를 살펴보자 >> ..

$ git config --global user.name "Min-hh-k" $ git config --global user.email alszn2222@gmail.com 이렇게 사용해줘서 전역으로 name, email 을 설정하자.. 지역으로 폴더에만 따로 적용 해주고 싶다면 --global을 제외한 뒤, 아래와 같이 폴더 루트에서 저렇게 해주자. $ git config user.name "Min-hh-k" $ git config user.email alszn2222@gmail.com 입사 한 뒤,, 한참 빡시게 리뉴얼 프로젝트 한다고 커밋 많이 했는데... 남지가 않았다ㅋㅋ 회사 맥북으로 개발했는데, global에 이전 사용자 이름과 이메일이 등록 되어 있어서 그대로 그냥 했다~ 만들고 배포 하기에 ..