프로그래머가 되는 꿈
2. 날씨앱 만들기 (16) 본문
[로딩 스피너]
loading값을 true로 바꾼다.
데이터 fetch할 때에만(중일 때에만) 스피너 작동.
데이터가 들어오면 (더이상) fetch할 필요 없으므로 false로 바꾸기!

<결과>
박스 위에 로딩 스피너가 뜨고 사라진다 - 박스가 왔다갔다한다...
<해결>
로딩 스피너가 있을때에는 박스를 보여주지 말자. - UI를 수정하기!

"삼항 연산식" 사용!!
= 조건 ? true : false
근데...

스피너가 왼쪽 위에 뜬다 ㅜㅜㅜ
이유:

<Clip~~/> 얘가 container로 둘러싸여 있지 않기 때문!!
container는 가운데 정렬 해주는 친구
<해결>


가운데에 잘 생긴다!
'프론트엔드 (Front-end) > React 프로젝트' 카테고리의 다른 글
| 3. Zustand - 연락처 앱 (2) (0) | 2026.01.27 |
|---|---|
| 3. Zustand - 연락처 앱 (1) (0) | 2026.01.27 |
| 2. 날씨앱 만들기 (15) (0) | 2026.01.21 |
| 2. 날씨앱 만들기 (14) (0) | 2026.01.21 |
| 2. 날씨앱 만들기 (13) (0) | 2026.01.21 |