e7e

2025.03.10 - [React] - React(리액트) 티키타카 23 (useDebounce Hook(훅))글을 그렇게 마무리 지은 게  빨간 볼펜심으로 옆구리 살에 숨은 양심을 찌른다.이야기를 꺼냈다면 다이어트 체형이 나올 때까정 해야 그렇게 그렇게간식도 챙겨야  진정한 코스 요리 다이어트 맛이 아니던가?  use-debounce 모듈에는 useDebouncedCallback 이란 것도 들어있다. 꽌씸을 끌어야 하니, 먼저 아래 재미진 결과를 만드는  소스를 복사/붙여넣기 해성,그 결과를  시험해 보는 시간을 가지장.(맘에 안드는 고참을 괴롭힐 때 쓰면 참 좋당!~~, 조금만 머리가 좋다면 대박이당.)  App.jsximport { useState } from "react";import { use..

React 2025. 3. 12. 12:10

React에서 의외로 꽤나 필요성이 높은 훅이 useDebounce당.프론트 프레임워크에선 ajax(api 요청)를 많이 쓰다보니,실시간으로 ajax요청을 남발하면  서버에 부하가 옴팡지게 많이 걸려서,성능상 문제가 발생하게 된당.요따구 상황에서 쓰면 좋은 거이 useDebounce당. 이상하다, 항상 말이란 건 느끼미가 부족하당. 공감력이 떨어진당. 괜찮당. 먼저 debounce가 무엔지 알아보고, 다음 댄스 스텝을 밟아보장. 참고로 debounce란 말은 하드웨어서 나왔는데.  스위치가 순간적으로 on/off를 반복하게 되는 걸 bouncing이라 하고 (오 머리 아프겠당),그걸 못하게 하는 거시  debounce당.~~ 그렇당~ 필요할 것은 느끼미당. 우린 소프트웨어적인 debounce를 누느로 공..

React 2025. 3. 11. 09:10

2024.10.03 - [React] - React(리액트) 티키타카 12 (useRef Hook )까지 아니 벌써 다 읽었다면, 어찌 훌륭하다 아니 할 수 없지 아니하당. 12(12개월)는 소우주를 60(환갑)은 대우주를 경험한 것이니, 이제당신의 손가락은  뇌의  간헐적 도움만으로도 화면을 지배할 느끼미를 가진당. 보통 사이드효과라 불리는 useEffect 훅(Hook)을 훅하고 알아보장.혀에 미리 잼을 바른 다음에 빵을 먹는 듯한 재미가 쏠2개당.(쏠쏠) Counter3.jsximport { useEffect, useState } from "react";import MyButton from "./MyButton";function Counter3() { const [count, setCount] =..

React 2024. 10. 9. 17:51

2024.10.03 - [React] - React(리액트) 티키타카 10 (레이아웃, children )까지 읽었다면, 아마 불현듯 머릿속에 머얌 정작 화면 만들기만 하공이벤트등 알짜는 아직 업쟈녀~~ 라는 공격적 응원이 생길만 하당. 맞당. 이제  저 유명한 거의 모든 React책이나, 사이트등에서 맹그는 카운터 예제를조금 더 심플하게 맹글어 볼 때가 되었당.  중요한 부분이니 고도로 집중하여 보장. 아래 코드를 작성해 보장. (풀린 눈 말고,조금은 집중된 눈으로 코드를 읽자) Counter.css.counter { width:70%; min-width:300px; border:5px groove orange; margin:50px auto;}.counter > h2 { c..

React 2024. 10. 7. 20:23