전체 글19 Flutter 공부 기록 9 저번에 사용해 보았던 Container 위젯을 사용해보겠습니다. decoration: BoxDecoration을 통해 배경 색, border 굵기 및 색 적용을 해볼거고, borderRadius: BorderRadius.circular을 통해 둥글게 만드는 효과를 보겠습니다. 크기는 가로 300, 세로 600을 주겠습니다. 결과는 위와 같습니다. 이번에는 SizedBox를 사용해보겠습니다. SizedBox는 color 속성이 없어서 child로 Container를 추가한 후 파랑색으로 설정해보았습니다. 그리고 분명 넓이를 50씩 주었는데 부모의 크기로 강제로 고정되는 느낌이라 Container로 바꿔도 보았는데 이것 역시 마찬가지였습니다. 아직 배우기 시작한지 얼마 안되서 잘 모르겠네요.. 좀 더 배운 .. 2023. 6. 21. Flutter 공부 기록 8 지난번에는 안드로이드 에뮬레이터를 사용해 보았는데, 다시 크롬을 사용하겠습니다. 지난번의 코드입니다. 이때 child를 사용했었는데, child는 하나의 위젯만 추가할 수 있고, children을 사용하면 여러개의 위젯을 추가할 수 있습니다. column을 사용하면 세로로 배치할 수 있고, row를 사용하면 가로로 배치할 수 있습니다. 그러면 여러 위젯을 세로로 배치해보겠습니다. children으로 Text 2개를 세로(column)로 배치했습니다. 되긴 했는데, 중앙에 놓는게 더 보기 좋겠죠? mainAxisAlignment: MainAxisAlignment.center, 를 추가해주시면 됩니다. 이번에는 텍스트를 꾸며볼겁니다. css를 다뤄보신 분이라면 훨씬 쉬울거라고 생각합니다. 일단 사용해보겠습니.. 2023. 6. 20. Flutter 공부 기록 7 이번에는 안드로이드 에뮬레이터로 한번 돌려보려고 했는데, 안드로이드 스튜디오 버전이 낮아서 문제가 있는 것 같아서 최신 버전으로 교체했습니다. 여길 누르면 에뮬레이터를 실행시킬 수 있는데, 저는 이미 만들어둔게 있어서 그것을 사용하겠지만, 없으시면 새로 만들어 주셔야 합니다. 없으시면 create device를 누르시고 원하시는 기종을 고르시면 됩니다. 저는 pixel 4 API 30을 사용합니다. 프로젝트 생성된 직후의 코드를 실행시키면 이런식으로 나옵니다. 여기서 import문과 main을 남겨두고 모든 코드를 지워보겠습니다. main은 가장 먼저 실행되는 부분이고, 그 안에서 runApp을 새로 작성할 것입니다. 저도 처음이니까 일단은 책을 따라서 작성해보겠습니다. 설명을 그대로 써보자면 Mater.. 2023. 6. 19. Flutter 공부 기록 6 이번에는 비동기 프로그래밍에 대해 알아보겠습니다. 새로 Flutter를 배우면서 지금까지 프로그래밍 한 방식은 동기 방식입니다. 코드를 작성한 순서대로 실행되는데, 요청이 있으면 반드시 응답을 받고 다음 요청을 실행합니다. " { "를 요청, " } "를 응답이라고 한다면 { } { } { } 이런식으로 실행되죠. 그런데 비동기 방식은 요청이 있어도 응답을 받기 전에 다른 요청을 보낼 수 있습니다. { { } } { } 어런식으로 요청 2번을 보내고 응답을 2번 받을 수도 있는거죠. 바로 사용해보겠습니다. void main() { List sList=["안녕","나는","riddleus"]; for(int i=0;i{ print(sList[i]) }); } runApp(const MyApp()); } 결.. 2023. 6. 18. 이전 1 2 3 4 5 다음
