프로그래머가 되는 꿈

2. 날씨앱 만들기 (12) 본문

프론트엔드 (Front-end)/React 프로젝트

2. 날씨앱 만들기 (12)

AI박사 2026. 1. 21. 04:08

 

잠깐! 

여기서 의문이 생긴다...

 

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