flutter 공부 기록소12 Flutter 공부 기록 14 미리 공지를 올립니다. 오늘까지 글을 올리고, 내일부터 7월 11일까지는 자격증 시험, 취업 준비(이력서 넣고, 면접 보고..), 게임 제작 마무리에 집중하기 위해 글쓰기를 잠시 쉬도록 하겠습니다. 취업이 바로 될 경우 상황에 따라서 글을 쓸 여유가 없을 수도 있다고 생각합니다. 반대로, 취업이 늦어지면 7월 12일자부터 글을 이어서 써 나가도록 하겠습니다. 감사합니다. -> 3개월 계약직으로 취업이 되었고, 정직원이 될지는 그 후에 알 수 있을 것 같습니다. 많이 안써본 코틀린이랑 생소한 BLE를 배우고 익숙해져야 하고, 무엇보다 월급을 받으면서 하는 일이기 때문에 신입사원으로서 이 부분에 좀더 집중해야한다고 생각하여 공부기록은 또 무기한 연기될 것 같습니다.. 일에 여유가 생긴다면 다시 찾아뵙겠습니다.. 2023. 6. 26. Flutter 공부 기록 12 저번에는 웹뷰를 사용해 보았는데, 거기에 AppBar도 추가해보겠습니다. 배경색과 제목을 설정 했습니다. 제목이 좌측에 있는 것도 나쁘진 않지만, 중앙에도 놓아보고 싶죠? centerTitle의 속성을 true로 주시면 됩니다. 추가로 높이도 바꿀 수 있나 궁금해서 알아보니 AppBar 위젯 내부에서는 안되는 것 같고, PreferredSize를 사용하여 설정했습니다. preferredSize: const Size.fromHeight() 를 사용하시면 됩니다. 그런데, 높이가 증가하니 제목이 위쪽에 쏠린 느낌이 들죠? toolbarHeight를 사용하면 높이를 직접 설정할 수 있습니다. 이제 appBar에 제 기본 페이지인 https://riddleuscode.tistory.com/로 갈 수 있는 홈 버.. 2023. 6. 24. Flutter 공부 기록 11 지난번에 이미지를 넣어보았었는데, 이미지 아래에 로딩 효과를 넣어보도록 하겠습니다. 사진상으로는 잘 안느껴지지만, 원형으로 돌아가는 효과가 있습니다. 그리고 여러 위젯을 넣기 위해서 구조를 바꾸었습니다. Column으로 바꾼 후 children을 사용했습니다. 여기서 복습겸 퀴즈를 내보겠습니다. 둘다 중앙에 위치시키려면 어떻게 할까요? 타이밍이 안좋아 로딩 효과가 더 잘리긴 했지만, 중앙에 위치하도록 바꾸었습니다. column이나 row처럼 축을 기반으로 정렬시켜야 하는 것은 mainAxisAlignment 혹은 crossAxisAlignment를 사용하면 됩니다. 다시 퀴즈를 내보겠습니다. 로딩 효과를 붉은색으로 넣고, 검은 바탕을 가진 위젯의 높이를 400으로 설정하고, 이미지 위쪽과 효과의 아래쪽 .. 2023. 6. 23. Flutter 공부 기록 9 저번에 사용해 보았던 Container 위젯을 사용해보겠습니다. decoration: BoxDecoration을 통해 배경 색, border 굵기 및 색 적용을 해볼거고, borderRadius: BorderRadius.circular을 통해 둥글게 만드는 효과를 보겠습니다. 크기는 가로 300, 세로 600을 주겠습니다. 결과는 위와 같습니다. 이번에는 SizedBox를 사용해보겠습니다. SizedBox는 color 속성이 없어서 child로 Container를 추가한 후 파랑색으로 설정해보았습니다. 그리고 분명 넓이를 50씩 주었는데 부모의 크기로 강제로 고정되는 느낌이라 Container로 바꿔도 보았는데 이것 역시 마찬가지였습니다. 아직 배우기 시작한지 얼마 안되서 잘 모르겠네요.. 좀 더 배운 .. 2023. 6. 21. 이전 1 2 3 다음
