프로그래머가 되는 꿈
2. 날씨앱 만들기 (12) 본문



잠깐!
여기서 의문이 생긴다...
Button을 여러개 만들면 되는데 왜 array, {cities}를 사용하나?
1. 정보가 1000개라면 언제 치고 앉아있나...
2. 오타 발생 가능성
따라서 다른 데에서도 쓰일 정보들은 따로 모아서 관리해주는게 좋다!
cities = [ ]에서 지역을 추가하면 Button에 자동으로 추가되고...!

{ } = 자바스크립트를 사용하겠다!
map : array함수 - cities에 있는 정보들을 하나하나 차례로 들고온다.
버튼의 style : variant

아이템이 천개가 있던 만개가 있던...
<Button variant="danger">{item}</Button>
딱 한줄로 정리가 된다!
'프론트엔드 (Front-end) > React 프로젝트' 카테고리의 다른 글
| 2. 날씨앱 만들기 (14) (0) | 2026.01.21 |
|---|---|
| 2. 날씨앱 만들기 (13) (0) | 2026.01.21 |
| 2. 날씨앱 만들기 (11) (0) | 2026.01.20 |
| 2. 날씨앱 만들기 (10) (1) | 2026.01.20 |
| 2. 날씨앱 만들기 (9) (1) | 2026.01.20 |