언어/flutter(5)
-
3. 플러터 와 피그마
이제 플러터에 대한 지식을 조금 알았기 때문에 내가 피그마로 ui를 만드니깐 피그마에서 코드로 변환해서 플러터로 가져와야겠다. import 'package:flutter/material.dart'; void main() { runApp(const FigmaToCodeApp()); } // Generated by: https://www.figma.com/community/plugin/842128343887142055/ class FigmaToCodeApp extends StatelessWidget { const FigmaToCodeApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeDa..
2023.12.18 -
2. (플러터 파이어 베이스 서버 ) firebase 시작
환경변수 까지는 다 건너뛰고 ( node.js랑 npm install -g firebase-tools 이거 vscode에 터미널에 치는건 건너뜀) firebase login을 쳤을때 되야되는데 오류가 났다 대충 파워셀에 관리자 권한 안줘서 오류가 나는거같아서 이거 쳐주고 firebase login 치면 다시 돌아간다 그럼 링크가 하나 뜨는데 그 링크로 들어가서 아이디 비번 치면 로그인 됩니다 그리고 firebase init 치면 요런게 뜨는데 Y하고 요런게 뜬다 난 저 3개 쓸거니까 별표하고 엔터 프로젝트 뭐 쓸건지 이미 존재하는 우리가 파이어 베이스에 만들어놓은 프로젝트를 들어가서 엔터 오류 1 Error: It looks like you haven't used Cloud Firestore in thi..
2023.12.18 -
2. flutter
home: Scaffold( appBar : AppBar(title: Text('안녕')), body: SizedBox( child: Text('안녕하세요', style: TextStyle(color: Colors.red), 이렇게 칼라 주는 방법이 두가지가 있는데 1방법 2번째 방법 style: TextStyle(color: Color(0xffc34bff), 장점 가독성은 안좋지만 마음대로 바꿀 수 있음 style: TextStyle(fontWeight: FontWeight.w700), 이방법은 글짜의 폰트 크기를 100부터 900까지 넣을 수 있음 return MaterialApp( home: Scaffold( appBar : AppBar(title: Text('안녕')), body: SizedBox..
2023.12.17 -
1. flutter
home: Image.asset('human.png') //assets/human 으로 써야지 맞긴함 home: Icon lp 라는 단위임 1.2센치 child: Scaffold( appBar: AppBar(), body: Container(), bottomNavigationBar: BottomAppBar(), 어플의 상중하 home:Scaffold( body: Row( children: const[ Icon(Icons.star), Icon(Icons.star), Icon(Icons.star) ], 가로 배치 새로배치는 body:Column 을 적으면됨 mainAxisAlignment: MainAxisAlignment.center, 이걸적으면 중간정렬(별3개가 중간에 뜸) mainAxisAlignment..
2023.12.17 -
1. (플러터 파이어 베이스 서버 ) node.js 다운로드 및 기초 공부
1. node.js 다운로드 받아야 시작가능 https://nodejs.org/en 2. 설치파일이 완료되면 이렇게 정해준다 3. vscode를 킨 후 첫번째 +파일 버튼을 클릭하고 index.js라는 파일 하나를 만들어준다. console.log("Hello world") 치고 위에 터미널을 실행시키고 node .\index.js를 치면 뭐가 나와야되는데 일단 오류가 나오기 때문에 Terminal:Select Default Profile 상단 검색창에 이렇게 쳐 줍니다. 이게 안된다. 그러면 저기로 들어가면 내 터미널 이 보인다 터미널마다 다쳐보고 안된다면 고급 환경변수에 들어가서 path 부분에 node.js가 저장되어있는 파일에 넣어주고 다시 들어와서 node .\index.js 하면된다 안된다면 ..
2023.12.14