seong

Flutter에서 서버와 통신을 위해 http connector 생성 1. provider로 접근 하도록 만들기 final httpConnector = Provider((ref) { return HttpConnector(); }); 2. 싱글톤 객체 관리 //single static final HttpConnector _instance = HttpConnector._single(); HttpConnector._single(); factory HttpConnector() { Logger().d("HttpConnector 생성"); return _instance; } 3. Get,Post,Put,Delete 생성 - 요청의 header에 토큰을 가지고 인증을 한다. //get Future get(String..

Flexible - 화면의 비율에 맞게 설정해준다. - flex속성으로 비율을 조정이 가능하다. 예시 - Column안에 3개의 Container이 있고, 모두 Flexible로 비율을 설정해주었다. - red : 1, - green : 2, - blue : 1 화면상에 비율이 1 : 2 : 1 에 맞게 그려진다.

for in loop - 리스트에 담겨있는 데이터를 차례대로 출력한다. - number에 있는 요소 하나씩 n에 넣어 출력 List number =[1,2,3,4,5]; for(var n in number){ print(n); } for each - for in과 동일한 역할 void main(){ List number = [1,2,3,4,5]; number.forEach((element){print(element);}); } for in으로 화면 출력 UI - 첫 List는 []으로 초기화 - 버튼 클릭시 0부터 계속 늘어난다.

Transform.scale - 크기를 설정할 수 있다. - scale를 사용하면 부모 위젯보다 더 크게 설정이 가능 Transform.translate - x,y값으로 위치를 조정 clipBehavior : Clip.hardEdge - Contatiner안에 위의 아이콘이 들어가있다. - 아이콘의 크기가 scale로 컨테이너의 크기보다 더 크게 보여지기 때문에 벗어나는 부분은 잘라줄 수 있다. 결과 화면 - 원래는 padding로 감싸져있기 때문에 Container도 같이 늘어나야하지만 transform을 사용해서 아이콘만 늘어났다. 카드 부분 코드 Container( //아이콘의 위치를 박스를 벗어나지 않게 해줌. clipBehavior: Clip.hardEdge, decoration: BoxDeco..

Vscode에서 Error Lens를 설치해준다. 아래 처럼 에러를 빨갛게 자세하게 에러 부분을 표시해준다

설정 -> open user settings 에서 Json파일을 열고 아래 코드를 추가해준다. "dart.previewFlutterUiGuides": true, 추가해주고 코드를 보면 줄이 생겨 위젯의 부모를 쉽게 찾을 수 있게 된다

Flutter에서 개발하다 보면 파란줄이 떠서 굉장히 눈에 거슬린다. 생기는 이유는 보통 Flutter는 렌더링을 할 때 const가 붙은 값들은 처음 초기 값으로 그려진 이후 변하지 않는 값이된다 . Flutter에서 const로 변할수 없는 값은 const를 선언해주라고 권장하지만 붙여주지 않아서 그렇다. 이걸 없애는 방법 2가지가 있다. 1번째 방법 - 파란줄만 없애주기 analysis_options.yaml 파일 -> rules에 아래와 같이 추가 prefer_const_constructors: false prefer_const_literals_to_create_immutables: false prefer_const_constructors_in_immutables: false 2번째 방법 - 파란..

React Native 와 Flutter의 특징 React Native의 특징 - 버튼 하나를 만들면 IOS와 Android가 다른 디자인이다. - JavaScript를 통해 운영체제와 상호작용을 해 만들게 된다. Flutter의 특징 - 버튼 하나를 만들어도 IOS, Android가 똑같은 디자인으로 보인다. - 리엑트와는 달리 독자적인 엔진을 가지고 있고, 그 엔진으로 렌더링을 하게된다. - 디자인 요소들을 커스터마이징 하기 쉽다. 그럼 React Native와 Flutter는 어떤때에 사용하는게 좋을까? React Native - 간단한 예로 IOS 스타일의 모든 버튼과 모든 디자인을 만들고 싶다면 React Native를 사용 Flutter - 버튼이나 세부 사항에 커스터 마이징이 필요하고 모든 ..