전체 글61 [React] 검색 디바운싱(Debouncing) 적용 디바운싱(debouncing)을 적용하여 불필요한 상태 변경과 렌더링을 줄이고, 필요한 경우 커스텀 훅(custom hook)을 사용하는 방법이 포함됩니다. 기존 방식 // SearchBar.js function SearchBar({ onChange }) { return ( onChange(e.target.value)} /> ); } 디바운싱(Debouncing) 적용 사용자가 입력할 때마다 즉시 상태를 업데이트하는 대신, 디바운싱을 적용하여 연속적인 입력에 대한 상태 업데이트를 지연시킬 수 있습니다. 이 방법은 연속적인 입력에서 발생하는 불필요한 렌더링을 줄여 성능을 향상시킵니다. import { useState, useEffect } from "react"; function useDebounce(va.. 2024. 1. 13. 좋은 개발자와 효과적인 학습에 대한 고민 근래에 들어 좋은 개발자란 무엇인가에 대해 고민이 많다. 잘하는 개발자 역시 이상적인 꿈이지만, 좋은 개발자가 되고 싶은 마음이 더 크다. 때문에 좋은 개발자란 무엇인가를 생각하며, 프로젝트에 임한 내 도전과 경험을 통해 얻은 크다면 크고 작다면 작은 생각을 정리하고 내가 원하는 프로그래머는 도대체 무엇인지를 정하려고 이 글은 쓴다. 우선, 내가 프로젝트를 하며, 내게 원동력을 주고 오랜시간 몰입, 성장에 대한 욕구를 주었던 것은 바로 1. 고객(상대방)에 대한 메타인지이다. 메타인지라는 말 자체가 자기객관화등에 대해 쓰이지만, 앞에 상대방이 들어갔기 떄문에 상대방에 대한 메타인지 좀 뭉뚱그린 광범위한 내용일지도 모른다. 더보기메타인지인간이 스스로 성찰할 수 있는 능력으로써 인간 자신의 인지활동에 대한 .. 2023. 12. 19. 이화여대 외주 이미지 보호되어 있는 글 입니다. 2023. 2. 13. [React]공공데이터 포털 API 신청(+적용 2022.11.11) 1. 우선 공공데이터 포털에 들어가서, 로그인을 진행한다.(당연) 2. 마이페이지 -> OPEN API -> 인증키 발급 현황 인증키가 있다면 3 / 없다면 "일반 인증키 재발급" 3. 이전 과정이 되었다면, 원하는 api 검색. 4. 오픈 API 선택 후, "활용 신청" 선택. 5. 대충 활용 목적 작성. -> 활용신청. (신청 후, 길어야 3일. 대부분 2분만에 될거임.) 그동안 활용신청 페이지에 있는 가이드북을 확인해보자. 6. json으로 할것이기에 뒤에 resultType=json 으로 붙혀주고, Call Back url이 http://apis.data.go.kr/6260000/FoodService/getFoodKr 이니 endpoint를 지정한다. client/src/Config.jsx //S.. 2022. 11. 11. 이전 1 ··· 7 8 9 10 11 12 13 ··· 16 다음
