빙글빙글 돌아가는 맷돌

1. intellij에서 git 프로젝트 연동 1) setting 에서 github 로그인 2) VCS 에서 share Project On Github 선택 3) 프로젝트 이름 설정 해서 share 클릭(새로운 레포가 생성되는 것이므로 기존 레포 이름 안됨) 4) 커밋 파일 체크 및 add 버튼 클릭 2. 나는 Java 8을 쓰고 싶은데 프로젝트 생성할때 왜 17, 21만 뜰까요? Oracle이 Java 8 지원을 중단해서 안뜨는 것임! 17 버전으로 진행하시오!! 3. 기본적인 개념 1) Maven (메이븐) - Ant 대체하기 위해 개발됨 - 프로젝트의 외부 라이브러리를 쉽게 참조할 수 있게 pom.xml 파일로 명시하여 관리 - 참조한 외부 라이브러리에 연관된 다른 라이브러리도 자동으로 관리됨 (세..

ts와 js를 같이 켜 두면 안된다! 중복 함수 오류가 발생함!! js 끄기!! 타입스크립트가 바닐라 자바스크립트보다 유용한 이유 : 오류를 미리 감지하고 일부 런타임 오류를 방지할 수 있음 function add(n1, n2) { return n1 + n2; } var number1 = 5; var number2 = 1.8; var result = add(number1, number2); console.log(result); // 결과는 6.8 function add(n1, n2) { return n1 + n2; } var number1 = '5'; var number2 = 1.8; var result = add(number1, number2); console.log(result); // 결과는 51...

npm init npm install -save-dev lite-server npm install –g typescript #package.json "script" 내부 "start": "lite-server" 연동할때는 계속 tsc app.ts 쳐줘야 js와 연동됨 tsc app.ts +npm init이 안되는 경우 -폴더명 확인해보기. 스페이스바, 한글 XX +아무것도 지정을 안했는데 404 오류가 난다? 아이콘이 없는 것 html head에 위 코드를 추가하면 해결

showDialog를 눌렀는데도 dialog가 안뜬다? 커스텀 위젯에 Material 앱을 빼고 위로 올려줘야함 오류 해결 코드 void main() { runApp( MaterialApp( home: MyApp() ) ); } Widget build(BuildContext context) { return Scaffold( floatingActionButton: FloatingActionButton( child: Text('다이얼로그'), onPressed: (){ //버튼 눌렀을때 마다 실행 showDialog(context:context ,builder:(context){ return Dialog(child: Text('안녕'),); }); }, ), 왜 밖으로 빼면 가능해질까? context는 족보..

1. floating Action Button floatingActionButton: FloatingActionButton( child: Text('버튼'), onPressed: (){ //버튼 눌렀을때 마다 실행 print(a); a++; }, ), 1-1) child:Text(a.toString())을 했는데 화면에 보이는 값이 바뀌지 않는다? 오류 코드 floatingActionButton: FloatingActionButton( child: Text(a.toString()), onPressed: (){ //버튼 눌렀을때 마다 실행 print(a); a++; }, 원인 : 위젯이 재랜더링이 되지않았기 때문이다. 재랜더링 하는 법 : Stateful Widget만들어주기 방법1) stful class..

1. 커스텀위젯 커스텀 위젯을 사용하는 방법은 class를 이용하는 방법이다. 커스텀 위젯은 state 관리가 힘들어 질 수도 있다. 재사용이 많은 UI와 클 페이지들 커스텀 위젯으로 만들어두면 좋다. 1) stless치고 클래스 명 생성 후 원하는 코드 작성 class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( backgroundColor: Colors.white, actions:[ Icon(Icons.search, color: Color..

Container -정렬 : Center() / Align(alighment:Alignment._____) - 박스 width 꽉차게 하는 법 : width:double.infinity - margin 주는 법 margin : EdgeInsets.all() / EdgeInsets.fromLTRB(_,_,_,_) - padding 주는 법 padding: EdgeInsets.all() - 다른 css decoration : BoxDecoration +border : Border.all() +boxshadow +shape : BoxShape.circle +borderRadius -박스 폭 조절 1) Flexible(flex:1, child: ) - 비율 조절, 안드로이드의 width:0, weight:1 같..

*자동 완성 불러오는 법은 ctrl+space 1) 위젯 안에 위젯 넣는 법 ~ : Center ( child : Container() ) 의 식으로 쓸 수 있음 2) MaterialApp() - 이것도 위젯임. 이걸 이용하면 구글이 제공하는 Material 테마를 이용할 수 있음 - 구글 스타일 또는 커스터마이징 - 디자인과 기본 세팅을 제공함 3) Cupertino~() -애플 스타일 4) Scafold() - 상중하로 나눠주는 위젯 - 상단 : AppBar() - body - 하단바 : bottomNavigationBar return MaterialApp( home: Scaffold( appBar: AppBar(), body: Container(), bottomNavigationBar: Bottom..

1) main.dart에서 void main{} 밑에 다 지움 2) stless치고 class name - MyApp class MyApp extends StatelessWidget { const MyApp({Key? key}): super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Image.asset('probono.jpg') ); } } 3) Widget - 저장하면 바로 반영됨 * Center() 를 부모를 하면 가운데를 기준으로! 3-1) home : Text('문자') 3-2) Icon(Icons.아이콘이름) e.g. Icon(Icons.star) 3-3) Image.asset('경로~'..

1) Flutter 설치 - 높은 버전일수록 다양한 패키지 사용 불가 https://flutter-ko.dev/get-started/install/windows 나는 2.8.0을 깔았음 2) 안드로이드 스튜디오 flutter 플러그인 설치 3) 안드로이드 스튜디오 SDK Manager - Android SDK Command-line Tools 설치 4) 윈도우 환경변수 설정 - flutter/bin 위치 등록 5) cmd에 flutter doctor 쳐야함 - 바로 안되는 경우 있으니 C/D 위치 맞는데 안되면 cmd 껐다 다시 켜서 쳐보기 6) 처음 프로젝트열면 analysis_options.yaml 파일의 rules에 추가 rules: prefer_typing_uninitialized_variable..