플러터 4

[Flutter] Set AppBar Transparent with SafeArea

작성자 임혜진 일 시 2024. 4. 11 (목) 18:00 ~ 21:00 장 소 복지관 b128-1호 참가자 명단 임혜진, 이재영, 성창민, 김명원, 장원준 사 진 앱바를 투명하게 만들고 body 위에 겹치게 하면, body안의 위젯들과 앱바가 겹치는 문제가 발생한다.(아래 시뮬레이터 캡쳐사진의 왼쪽 사진 참고) 이를 해결하기 위해 SafeArea를 body안의 위젯에 씌워주면, app bar의 그림자 효과가 다시 보이는 문제가 발생한다. (아래 시뮬레이터 캡쳐사진의 가운데 사진 참고) 구글링해보니 StackOverflow에 같은 질문도 있었다. https://stackoverflow.com/questions/68979682/how-to-set-flutter-appbar-transparent-witho..

카테고리 없음 2024.04.11

[Flutter] Section2

작성자 임혜진 일 시 2024. 3. (목) 18:00 ~ 21:00 장 소 복지관 b128-1호 참가자 명단 임혜진, 이재영, 성창민, 김명원, 장원준 사 진 https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/ 위 링크의 강의 내용을 정리한 글입니다! Basic1 - Getting a Solid Foundation 코드와 코드파일이 다트로 파싱됨. 다트가 내 코드를 분석 코드가 파싱되면 대상플랫폼에서 이해할 수 있게 해석되어야. 이 과정은 다양한 다트와 프러터 툴로 번역됨. 즉 다른 코드로 번역됨. ios나 android가 이해할 수 있는 코드로. 그렇게 해석된 코드 번들이 기기마다 실행됨 다트파일은 위에서 아래로 구문분..

카테고리 없음 2024.03.28

[Flutter] Quiz App 만들기 (1) - 초기화면 UI 만들기

작성자 임혜진 일 시 2024. 3. 21 (목) 18:00 ~ 21:00 장 소 복지관 b128-1호 참가자 명단 임혜진, 이재영, 성창민, 김명원, 장원준 사 진 강의 내용을 통해서 퀴즈앱 만들어보기! 이걸 먼저 해보라고 합니다. 매우 별거 없지만 ..제가 작성했던 코드와 강의의 코드를 비교해보며 배운 위젯들을 정리해보겠습니다 먼저 저는 이렇게 화면을 만들었는데, 따로 파일을 나누지 않고 main.dart 에서만 코드를 작성했습니다. 아래는 코드 순서대로 간략한 설명입니다. main.dart는 가장 기본이 되는 파일입니다. 플러터는 이 파일을 위에서부터 아래로 쭉 읽고, 이 코드를 실행할 기기에 맞게 코드를 번역합니다. 이 파일 안에는 main() 함수와 그 안에 runApp()이라는 내장 함수가 있..

카테고리 없음 2024.03.21

[Flutter] 다트(Dart) 언어의 특징과 비동기 처리 방식

작성자 임혜진 일 시 2024. 3. 7 (목) 18:00 ~ 21:00 장 소 복지관 b128-1호 참가자 명단 임혜진, 이재영, 성창민, 김명원, 장원준 사진 본 글은 'Do it! 플러터 앱 프로그래밍'이라는 책으로 공부하며 정리한 내용입니다. 플러터(Flutter)는 다트(Dart)라는 프로그래밍 언어로 개발되었다. 플러터가 구글이 개발한 크로스 플랫폼 프레임워크인만큼 구글에서 개발한 프로그래밍 언어인 다트를 사용한다. 다트라는 새로운 언어를 배워야 하는 만큼 플러터를 공부하는데에 있어서 진입 장벽이 되기도 하지만, 다트는 자바와 비슷하기 때문에 다른 언어를 공부해 본 사람이라면 상대적으로는 쉽게 배울 수 있다. 다트 언어의 9가지 특징은 아래와 같다. 1. 다트는 main() 함수로 시작한다. ..

카테고리 없음 2024.03.07