인프런 커뮤니티 질문&답변

진규님의 프로필 이미지
진규

작성한 질문수

(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계

9. 로딩 스피너

도시 서치창을 만들었는데

작성

·

253

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:이런식으로 만들었고 작동은 잘합니다.
weatherBox.js에
weather?.cod == 404 ? (
<div>
<h1>City not found</h1>
</div>
이런식으로도 해서 잘되는데
 
한글자 입력할때마다 저런식으로 console창에 나오는데
저런식으로 나오는게 당연한거지만, 웹에 안좋은 영향을줄까요?리렌덜링?같은 만약 리렌더링이 매우 자주되는거라면, 어떤식으로 해야하는걸까요?
 
<input type='text' placeholder='search city' id='search' onChange={(e) => setSearch(e.target.value)} />
<Button variant="success" onClick={() => getWeatherBySearch(search)}>Search</Button>
 
이런식으로 작성했습니다.

답변 1

0

안녕하세요 

실시간으로 도시이름에따라 날씨를 바로바로 바꿔서 보여줘야하는거라면 위의 경우가 맞지만 그게 아니라면 

유저가 도시이름을 다 입력하고 search 버튼을 눌렀을때 api호출함수를 불러주는게 좋습니다! 

 

진규님의 프로필 이미지
진규

작성한 질문수

질문하기