728x90 > 코딩애플 (부분공개)/Flutter로 만드는 iOS, Android 앱11 Flutter에서 박스 디자인하는 법 (margin, padding, 정렬) 오늘 새로 배울 내용은 margin, padding, SizedBox() 입니다.숙제 알아서 잘 해온 분들은 앞에 새로운 내용만 배우고 스킵하면 됩니다.저번시간에 저런 레이아웃 만들어 오라고 했는데scaffold 써서 만들면 좀 더 쉬울듯. (직접 컨테이너로 세 개 배치하는 것 보단) 우선 3개의 파라미터를 집어넣어봄. appBarbodybottomNavigationBar 이러면 상/중/하 로 나뉘어준다. title 을 집어넣었더니 제목이 잘 뜸.- 구글로 title 찾아봄. body 안에는 아무것도 없어서 대충 텍스트로 채워넣음.bottom 에는 bottomAppbar 사용. 이거말고 다른 것도 집어넣을 수 있다. bottomAppbar 안에는자동완성으로 보면 child 라는 것도 집어넣을 수 있다.. 2024. 11. 22. 플러터 기본 앱 레이아웃 만드는 법 (Scaffold) 오늘의 숙제 :강의 하단 참고해서 하단바 디자인알아서 해오십시오 앱은 웹개발보단 쉽습니다. 화면이 작고 단순해서요.오늘은 Scaffold 위젯과 가로 세로로 배치하는 법을 배워봅시다.() 위젯MaterialApp 이라는 위젯 짚고 넘어가보기.MaterialApp 도 대문자로 시작하고 소괄호 있는 거 보니까 위젯임. 이 위젯을 써놓고 시작하면구글이 제공하는Material 테마 같은 걸 이용해서 내 앱을 쉽게 만들어 낼 수 있다. 근데 구글 스타일임. 아이폰 기본 앱 같은 스타일의 앱을 만들고 싶은경우Cupertino 관련 위젯이 있음. 반면에 둘 다 싫은 경우 그래도 MaterialApp 을 집어넣고 시작하기. 구글이 제공하는 기본 플러터 테마는 크게 2개가 있는데 왼쪽은 Material Design.. 2024. 11. 20. 플러터 기본 위젯 넣는 법 저번 시간에 Flutter 프로젝트 새로 생성했죠?그 상태에서 미리보기 띄우고 시작할겁니다.근데 코드짜기 전에 사전작업이 필요합니다.플러터 만들기 프로젝트 클릭.현재는 왼쪽에 있는거 확인하기 - 가운데가 아니라 왼쪽 버튼 눌러야함 (New Flutter Project) 왼쪽에 있는 플러터 선택.압축 푼 폴더 잘 기입하기. 우측 점 3개 눌러서 flutter 파일 눌러줘서 경로 강의랑 똑같이 입력.이렇게 써주고 finish 눌러줌.그냥 경로 안바꾸고 생성작명할 땐 영어 소문자로 작명하기그럼 이런 식으로 프로젝트 하나 생성됨.생성된거 확인.폴더 열어서 메인 페이지 확인해주기 시작하기 전에 Lint 관련 워닝 무시하는 법 Flutter 2.5 버전 이후 부터는 Lint라는게 생겨서 여러분에게 좋은 관습같은걸.. 2024. 11. 19. Flutter 설치와 개발환경 셋팅 (윈도우 / 맥) Flutter 개발환경 셋팅하기 위해 설치할 것들이 좀 있습니다.윈도우 10이상 (64bit) 또는 맥OS 10.14버전 이상이 필요합니다.1. Flutter SDK 설치https://flutter.dev/docs/development/tools/sdk/releases?tab=windows위 사이트에서 2.8.0 버전을 찾기 쉬운 곳에 다운받고 압축을 풀어줍니다.저는 찾기 젤 쉬운 C드라이브에 다운받고 압축을 풀어보겠습니다. 님들도 따라하든 하셈 = 압축은 아무데다가 풀어주면 됨.C드라이브 안에다가 압축풀음. 맥북도 마찬가지입니다 맥OS 버전 다운받아서 압축풀으십시오. 찾기쉽게 문서폴더 아니면 finder에서 cmd + shift + h 하면 나오는 '님유저이름폴더' 이런 곳에 압축푸는게 어떨까요 .. 2024. 11. 18. 요즘 새로운 앱개발은 플러터로도 충분 발행버튼 누르면 끝. 2024. 11. 17. 이전 1 2 다음 728x90
