![[Flutter] 13. 쇼핑카트 앱 만들기 (2) - 상태 관리](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A39%3A20.012Z-380010af-d967-4e8a-b4fb-c5dffb52f4a1&w=2048&q=75)
- 클릭했을 때 사진 바뀌고
- 클릭했을 때 버튼 색깔 주황색 - 회색으로 바뀜
⇒ 두가지 동시에 만들려고 하지 말고 핵심기능부터!(1번) 핵심기능부터 하면 나머지 자연스럽게 됨
기능을 task로 쪼개야 됨
하나의 기능에 task를 잘 짜면 gpt한테 질문도 잘할수잇으요
e.g. 버튼 클릭하면 사진 어떻게 바꿔? → 그럼 버튼 색깔 어떻게 바꿔?
버튼 클릭시 사진 변경 - 핵심기능
책과는 상태 다르게 만들거임
책의 상태인 인덱스와 사진 리스트 = 창고데이터 → 하나로 묶는게 좋다.
SelectorModel 만들기
원래는 통신으로 받아야 하는데 지금은 통신으로 안하니까 그냥 초기화로 세팅한다.
상태 객체 만들기
상태에 대한 함수 (행위) 만들기
SelectorButton 상태 만들기
행위를 전달 받기 위한 상태 만들기
SelectorHeader를 StatefulWidget으로 변경
화면 변경 확인
상태 : model → 책처럼 변경하기
상태 변경시 인덱스가 필요하구나!
상태는 자기자신이 들고 있고 행위는 자식한테 전달함
→ Riverpod으로 하면 상태와 행위를 ui에서 관리X
버튼 클릭시 버튼 색깔 변경 - 부가 기능
SelectorButton 은 자기가 선택된걸 알아야 됨Share article
![[Flutter] 15. 모두의 숙소 웹 만들기](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A38%3A58.017Z-4d1f3fef-1d53-4173-846f-90507c58667f&w=750&q=75)
![[Flutter] 14. 쇼핑카트 앱 만들기 (3) - Riverpod으로 상태 관리](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A39%3A14.456Z-1ae5293d-43b7-47e1-a60e-e059aa782edc&w=750&q=75)
![[Flutter] 12. 쇼핑카트 앱 만들기 (1) - 레이아웃](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A39%3A45.640Z-2bee72d3-33d5-4626-9c8d-649f1efe2088&w=750&q=75)
![[Flutter] 11. Riverpod](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-06-10T00%3A39%3A58.178Z-705b5b18-324e-42ad-9a7f-b0b86ae9459d&w=750&q=75)