Container = 컨테이너 = 화물 박스
이렇게 생각나는 건 저뿐일까요 ㅎㅎ?
큰 배에 짐을 실을 때 큰 박스를 컨테이너라고 부르죠.
플러터 위젯을 만들 때 Container를 그렇게 생각하셔도 무방합니다.
미국에서는 컨테이너를 작은 박스에도 사용합니다. 예를 들어 식당에서 음식먹고 포장 할 때 "남은거 싸가게 컨테이너 하나 줘" 라고 표현하기도 합니다. 무언가를 담는 것 즉 Container의 유래입니다.
-호민님 설명 인용-
Container안에 정말 다양한 위젯들을 담을 수 있습니다. 그래서 다른 위젯들보다 자주 쓰이는 것 같습니다.
저번시간에 Column과 Row를 설명할 때 신도시의 "도로"역할, 즉 신도시를 지을 때 가이드 라인이라고 말씀드렸습니다.
Container는 그 도로 옆에 놓일 건물들이라고 생각하면 됩니다. 그 건물들이 교회가 될 수 도 있고, 사무실이 될 수도 있고, 시청이 될 수 도 있습니다. 그래서 그 건물을 = Container라 생각하시면 됩니다. 그 건물에 특성을 넣고 싶으면 아래와 같이 다양한 위젯을 넣으시면 됩니다.
Column으로 가이드 라인을 만들고
3개의 Container를 만들었습니다. 1번은 Text, 2번은 Image 3번은 TextField 입니다.
여기서 중요한건 Container안에는 한가 지 위젯만 만들어 줄 수 있습니다. (물론 Container 안에 Column이나Row를 넣고 넣을 수 있지만 되는게 있고,, 안되는게 있어서 지금은 한 가지 위젯만 넣을 수 있다! 기억해도 충분합니다.)
다음시간에는 Container 를 꾸미기, 활용법에 대해 알아보겠습니다.
'Flutter-플러터 > 플러터로 첫 코딩!' 카테고리의 다른 글
플러터로 첫 코딩하기! 18 - Padding과 Margin (0) | 2022.12.21 |
---|---|
플러터로 첫 코딩하기 ! 17 Container 꾸미기 (0) | 2022.12.17 |
플러터로 첫 코딩하기! 15 - Column ,Row 위치 조정 하기 (0) | 2022.12.11 |
플러터로 첫 코딩하기! 14 - Column ,Row (0) | 2022.12.09 |
플러터로 첫 코딩하기! 13 - Appbar (0) | 2022.12.06 |