Flutter/일반

들어가기 앞서 그동안 Flutter로 개발을 해오면서 Future를 많이 사용해보았는데, 생각보다 어떻게 동작하는지 의구심을 가지면서 코딩하지 않았다. 단순하게 await를 쓰면 기다리고 Future를 사용하면 일단 얘는 기다리면 나중에 값을 주는 얘구나 라고 막연하게 생각했다. 이번 기회에 자세히 알아보면서 그에 대한 공부 내용을 정리하고자 한다. 1. Dart의 비동기 동작 원리 Dart는 싱글 스레드로 운영되는 언어이다. Dart에서 Future가 있다면 자바스크립트에서는 Promise가 있다, 둘다 싱글 스레드로 동작이 된다. 그렇다면 싱글 스레드는 어떻게 동작을 하는 것일까? for(int i=0; i print('Future is complete')); print('After the Futur..

1. 문제의 발단 개발을 하던 중에 위 사진에 빨간색 박스 부분, 즉 제품 검색 가로 부분 중 어디를 클릭해도 GestureDetector를 통해 인식을 하게 만들고 싶었습니다. Row( children: [ Expanded( child: GestureDetector( onTap: () { print('Clicked'); }, // 한 영역 부분 어디를 클릭해도 인식되도록 컨테이너로 감싸기 child: Container( child: const Row( children: [ Icon(Icons.search, color: Colors.grey), SizedBox(width: 10), Text('제품 검색', style: TextStyle(color: Colors.grey)), ], ), ), ), ), ...

PlayStore나 AppStore 어느 애플리케이션을 다운을 받아도 회원가입 약관 동의 페이지는 많이 봤을 것입니다. 스토어에 앱을 올릴때 회원가입/로그인/개인정보 등 사용자의 정보를 받아야 하게 된다면 필수적으로 개인정보처리방침을 넣어야만 승인을 해주기 때문이다. 그래서 이 페이지를 제작해 보려고 합니다. 평균적으로 체크박스는 3가지 타입의 유형을 따로 만들어 주어야 합니다. 1. 모두 동의 ( 모든 동의를 하는 체크박스 ) 2. 필수 동의 ( 반드시 해야만 다음페이지 넘어갈 수 있다. ) 3. 선택적 동의 ( 안해도 다음 페이지로 넘어 갈 수 있다. ) 그리고 만약 필수 동의가 전부 체크가 되었다면 가입하기 버튼이 활성화 되어야 합니다. 자 그럼 이제 구현해야하는 원리는 대강 알았으니 하나씩 뜯고 ..

위와 같은 텍스트필드에서 입력을 숫자로만 제한을 하고자 할때 TextField( keyboardType: TextInputType.number, // 숫자만 입력가능 inputFormatters: [ FilteringTextInputFormatter.digitsOnly, ], cursorColor: Colors.grey, decoration: InputDecoration( border: InputBorder.none, filled: true, fillColor: Colors.grey[300], ), ), KeyboardType을 통해 원하는 값을 지정 할 수 있다. keyboardType: TextInputType.number 하지만 발생되는 문제점으로는 만약 사용자가 핸드폰을 블루투스 키보드로 연결을 ..

final List numbers = List.generate( 100, // 총 길이 (index) => index, // 숫자의 순서 ); 2개의 인자값을 받는데 1. length 2. (index) 1번에는 총 길이의 int의 값을 넣어주면 되고 2번에는 숫자가 어떻게 증가될지의 값을 적어주면 된다. 만약 위 코드를 그대로 실행할시 1,2,3 .. 99 까지 실행이 될 것이고 (index) => index * 2 를 할경우 2의 배수로 실행이 된다.

https://pub.dev/packages/mvc_pattern mvc_pattern | Flutter Package To develop apps using a framework following the MVC design pattern separating the app's 'interface' from its 'business logic' and from its 'data source' if any. pub.dev 1. MVC패턴을 사용해야 하는 이유에 대하여 만약 내가 회사에 들어가서 프로젝트를 맡게 되고 내가 혼자서 코드를 작성해서 계속해서 유지보수를 하고 있다고 가정해보자. 당연히 내가 작성한 코드이므로 내가 보기 편하게 작성했으므로 나 혼자만 본다 가정하면 문제가 없다. 하지만 사정이 생겨서 ..