flutter

Flutter? 크로스 플랫폼 개발이 가능한 프레임워크 언어 : dart 어떻게 동작할까? 기존 swift , java는 운영체제와 상호작용해서 버튼같은 요소들이 만들어지고 동작한다. 하지만 flutter는 운영체제와 직접 소통하지 않는다. 그럼 위젯이 어떻게 만

flutter 다운로드 링크로 이동 플러터 공식페이지 나는 윈도우에서 개발할 것이니까 window를 누르고 진행한다. SDK 설치(필수) - C:\ProgramFiles는 안됨 환경변수 PATH에 추가 Android Studio 설치 SDK 추가 체크 후 설

Android Studio에서 flutter 프로젝트를 생성하기를 클릭하면 너 flutter doctor 할래? 라고 묻는다.flutter doctor 는 개발환경에 이상없는지 확인해주기 때문에 yes를 눌렀다.여기서 두가지 문제가 발생했다.해당 에러는 아래를 참고해서

설치가 끝났다면 플러터 프로젝트 생성 여기서는 프로젝트명을 p라고 명시하겠다. 나는 vscoode에서 실행할거야

UI 구현하기 UI 예시 보러가기 1 2

파란줄은 warning이다.위처럼 파란 줄이 잔뜩 나오는데 보통 마우스를 올려서 설명을 보면const를 사용해야 된다고 한다.우선 dart의 const를 생각해보자. const는 complie 전부터 값을 알고있어야 한다.아래 예시를 보자이것들은 constant라서

widget "레고블록"을 조립한다. widget을 합치는 방식으로 앱을 만들 수 있다. 공식 위젯 사이트 커뮤니티 위젯 사이트도 존재한다. 그냥 이런 것들이 있구나. 정도 알고 넘어가자. widget사용 main함수가 App이라는 클래스를 실행하는 코드다. 그런

Icon 및 변환 flutter에서는 다양한 icon을 지원한다. 인터넷에서 따로 다운할 필요성을 못느낌 우선 Icon은 다음과 같이 넣을 수 있다. euro아이콘을 넣고 색과 크기를 변경한 모습 크기를 더 키우기 싶을 때 Transform.scale을 사용한다

지금까지는 StatelessWidget을 사용해왔다.하지만 이제 StatefulWidget을 사용하여 실시간으로 데이터의 변화를 볼 수 있다.StatelessWidget : 단순 UI 보여주기StatefulWidget : 데이터가 변경되면 UI도 변경된다.stf를 입력

color, font 등 저장 가능이게 어떻게 가능해?context 에는 위젯트리에 대한 정보가 들어있고, 매우 먼 요소의 데이터를 가져올 수 있어서 유용하다. 부모요소, 부모의 부모요소 등...부모 요소에 접근 할 수 있도록 돕는다위 예제는 context를 통해서 부

StatefulWidget은 생명주기 관련 메서드가 있다.오직 한번만 호출된다.build메서드보다 먼저 호출된다.super.initState()를 포함해야한다.위젯이 스크린에서 제거될 때 호출된다.이런 게 있구나...만 알고 넘어가자

width, height가 아니라 화면 비율에 맞게 변화할 수 있는 위젯The argument type 'TextStyle?' can't be assigned to the parameter type 'Color?'Methods can't be invoked in con

이번에는 동작하는 pomodoro. timer를 곁들인이렇게 선언해주고 build 안의요소들의 값에 각 변수명, 함수명을 알맞게 넣어준다.react에서는 useState를 썼었는데 여기는 변수는 일반 변수로 선언하되, 변화가 필요할 때 setState() 를 사용함총

flutter에서 class를 만들어 통신해보자우선 get, post는 http메서드니까 http설치를 해야된다. 터미널에 다음 코드를 넣자그리고 필요한 곳에서 import '\~\~~/http.dart' as http;as http 없이 사용하면 메서드를 사용할 때

flutter에서 api를 사용하다보면 json형태의 값을 많이 접하게 된다.다음은 json데이터를 가져와 생성자를 통해 값을 넣는 코드다위 방식은 named constructor방식이다.이는 모든 정보를 파라미터로 넘기지 않더라도 생성자에서 값을 초기화하는 방법이다.

코드의 일부순서를 보면1\. initState에서 데이터를 받아오는 함수(waitForWebToons호출) initState는 build 메소드가 호출이 되기 전에 한번 호출됨2\. 받아오기가 끝나면 데이터를 webtoons에 넣음3\. isLoading = fal

이렇게 코드를 바꿔보자. stateless로 변경하고 state관련 코드를 모두 지움apiservice의 반환형태 Future를 출력해보자값이 아니라 인스턴스가 반환된다futurebuilder위젯의 속성들이 다음 효과를 낸 것이다future : await(알아서 값을

위 방식은 for문을 통해서 한번에 모든 데이터를 불러오고 리스트화한다.한번에 데이터를 로딩하는 것은 메모리를 많이 사용하게 되고, 메모리가 죽을 수도 있다. 따라서 사용자가 보고 있는 섹션만 로딩해야한다.그래서 다음방식을 사용한다builder()는 많은 옵션을 가지고

현재 위젯트리를 보면 FutureBuilder안에 ListView.builder가 있는데 이게 보기 싫으면 extract해서 별도의 메소드로 작성하면 된다.code action을 사용해서 extract Widget을 하면 알아서 만들어줌스냅샷도 파라미터로 알아서 빼주네

우선 컬럼을 넣어서 sizedbox를 넣어주자.(위 여백)Expanded를 사용하지 않으면 에러가 발생한다. 왜?Column에는 sizedbox와 listView가 있다.ListView에 높이 제한이 없어서(무한한 높이라서) 에러가 발생한다.이 무제한의 ListView

탭 이벤트 동작 감지해줌 onTap : onTapDown + onTapUp = 터치 터치하면 상세 화면을 보여줄 예정 > 페이지 이동을 해야한다. 페이지 이동을 위해서 사용하는 것은 Navigator Navigator는 아래 처럼 사용한다. context : B

이거도 get방식이니까 url에 id를 포함해서 넘겨주면 된다다른 점은 없다.

이전 포스트에서 만든 메서드를 사용해보자DetailScreen에서는 이전에 사용한 Future로 메서드 결과를 받고, FutureBuilder로 UI화 하는 방식을 그대로는 사용할 수 없다.왜냐면 이전포스트에서 만든 메서드들은 ID가 추가로 필요하기 때문에 수정이 필요

URL을 열거나, 이메일, 전화, 문자 메시지 등을 보내기 위해 사용하는 패키지여기서는 url 여는 걸 다룬다.url_launcher공식문서1\. 설치configuration 추가IOSAndroid어떤 종류의 스키마를 이용하고 싶은지 명시하는 것안드로이드 수정 파일 경

await launchUrl(url, mode:LaunchMode.inAppWebView );브라우저 대신에 App처럼 실행하는 모드 내 실제 핸드폰에 디버깅설정 > 휴대전화 정보 > 소프트웨어 정보 > 빌드 번호 계속 터치 > 핸드폰 암호입력(없으면 생략됨)설정 >