전체 글43 플러터(Flutter) 입문 4. 다트(dart)파일 만들기 플러터는 다트 라는 언어를 사용합니다. 웹에서 html css js 파일을 따로 만들어 관리하듯 플러터도 dart라는 파일을 만들어서 관리합니다. 사실 1개의 dart파일에 모든 정보를 다담을수 있습니다. 그런데 개발할때 다트파일 한장에 5만줄 이렇게 되면 해석하기 힘들잖아요 그래서 다트파일별로 나누는데 저같은경우는 1개의 class는 1개의 다트파일로 관리하고 있습니다. 그리고 이름짓는 방식도 나름의 규칙을 가지고 하고 있습니다. 역시 긴 설명보다는 그냥 우선 한번해보죠. 1. 다트(dart) 파일 만들기 왼쪽에 폴더트리를 보면 lib 가 보입니다. 앞으로 우리가 만드는 다트파일은 모두 이쪽에 들어갑니다. 여기에 New - Dart File 을 클릭하시면 새로운 다트 파일이 생성 할 수 있습니다. 그런.. 2021. 5. 22. 플러터(Flutter) 입문 3. 레이아웃의 요소기본 Container ,Column ,Row , Expanded 1.Container Container 위젯의 컬러옵션을주고 빌드해보면 이렇게 양옆 위아래로 꽉찬것을 볼수 있습니다. 그 이유는 1.따로 사이즈를 지정해주지 않았다. 2.child 가없다. 이렇기 때문입니다. 여기서 child 옵션으로 Text를 주면 Text 크기 만큼만 가로 세로가 정해지게 됩니다. 마치 봉지에 내용물 담고 진공포장한것과 같은 느낌이죠. 여기에 넓이 옵션만 따로 줘보겠습니다. width: 300이라고 따로 주니까 가로는 넓어졌는데 세로 값은 child에 맞추게 됩니다. Container 위젯 옵션으로 padding과 margin 적용을 해보겠습니다. 먼저 패딩을 줘보겠습니다. padding 이라는 옵션에 EdgeInsets.symmetric(horizontal: 10) 이라고 적어주었.. 2021. 5. 21. 플러터로 SNS어플 만들기 9.데이터베이스 만들기-파이어베이스 파이어스토어(firebase-firestore) 연결하기 1 자 드디어 데이터 베이스 라는걸 써볼거에요. 앱이든 웹이든 클라이언트와 서버 가 있어요. 클라이언트는 사용자눈에 보이는 모든걸 다룬다고 보면되고 서버는 뒤에 돌아가는거라고 하는데 이렇게 말하면 좀 추상적이긴하네요 어쨋든 우리는 지금 클라이언트 부분을 하고있었어요. 그런데 클라이언트에서 쓰는 대부분을 서버에서 받아와요. 처음엔 뭔말이야하겠지만 하다보면서 또 하다보면 그냥 직감적으로 쉽게 개념이 찾아와요, 모든지 처음엔 낯설지만 지식의 퍼즐이 맞춰지면서 잘 이해가 되니 어쨋든 시작합니다. 오늘의 작업내용 1. Firebase 란 2. Firebase 프로젝트 추가하기 3. Firebase 프로젝트에 앱등록하기 4. google-services.json 파일 다운받기 5. project 수준의 build.gr.. 2021. 5. 21. 플러터(Flutter) 입문 2. MaterialApp과 Scaffold 1. 앱 구동의 시작 main 함수 메인함수 main.dart 라는 다트 파일 제일 상단에 보시면 void main() { runApp(MyApp()); } 라고 적혀있는걸 보실수 있습니다. 이 함수가 플러터 앱실행의 시초입니다. main 이라는 것은 함수의 이름인데 이건 우리가 지은것도 아니고, 플러터에서 이렇게 지정한겁니다. 내장함수라고 하죠. 앱을 실행하면 main 이라는 함수를 찾아 실행합니다. 어쨋든 main 함수의 내부를 보시면 runApp이라는 또다른 내장함수가 나옵니다. main이라는 함수가 실행되면 runApp이라는것이 실행되는거죠, 그안에보면 MyApp() 이라고 적혀있습니다. 여기서 MyApp() 은 클래스 이름입니다. 이건 바꿔줄수 있습니다. (클래스는 하나의 개념덩어리 입니다. 클.. 2021. 5. 20. 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음
