flutter

유튜브 설명 링크 1\. 안드로이드 스튜디오 다운로드https://developer.android.com/studio?hl=ko2\. 플러터 다운https://docs.flutter.dev/get-started/install유튜브 설명 링크source

관습적으로 함수나 메소드 내부에 지역변수 선언할 때 사용class에서 변수나 property 선언할 때 사용타입스크립트에서 any와 같은 느낌. 사용하지 않는 것을 권장한다.dynamic 변수명;var 변수명; 하고 할당하지 않는다.타입 가드 사용 가능!if (변수명

dart에서는 배열을 객체로 여긴다!리스트 내에서 if문을 사용할 수 있다.$변수명${변수명 + 가공} 변수를 가공할때는 중괄호로 감싸야한다!for문도 사용 가능하다.키-값으로 이루어진 객체.(특정한 형태를 가진 경우 class를 더 추천함)dart에서 object는

positional arg: arg의 위치를 기억해야함 / named arg: {}로 감싸준다. arg의 default값을 주거나, required로 설정해 null값이 들어올 가능성을 배제한다.arg를 option으로 만들때 대괄호로 감싸주고, ?를 붙인다.left

클래스 내에서 변수를 선언할 때 타입을 꼭 명시해주어야한다.positional 파라미터는 기본적으로 required, named 파라미터는 required일 경우 명시해주어야한다.파라미터를 required로 설정 할 수 있다.class명.컨스트럭터명 클래스명에 .을 찍

맥에서 플러터 시작하기

vsCode에서 커맨드라인 열고Open user settings(JSON) 선택.아래 코드를 추가한다.

1\. 위젯에 원하는 설정을 할 수 있는 특수한 값.2\. 위젯마다 사용 속성이 다르다.3\. 자식위젯은 일반적으로 child(children을 받기도 함)4\. 속성마다 데이터타입이 다르다.각각 세로, 가로로 나열.(스크롤x)childeren을 갖는다.(type: L

머터리얼 디자인의 컴포넌트를 플러터에서 제공한다.items를 가지며, BottomNavigationBarItem을 List로 가진다.아이템이 두개 미만일 경우 에러가 발생한다.하단에 떠있는 스크롤을 해도 따라다니는 버튼.드디어 커스텀 위젯이다. 복붙을 하면서 얼마나 이

요구사항

이미지 컨트롤하는방법이 궁금해서 따로 찾아봤다!fit 옵션이 있고, cover, fill, contain, fitWidth 속성이 있다.종횡비를 조절한다!

input을 받고 결과값을 출력하는 일종의 계산기를 만드는 과제였다.메뉴를 선택하면 주문 리스트에 담기고, 초기화하기 버튼을 누르면 주문 리스트가 리셋되어야한다.

Controller

과제폭탄이 떨어졌다 으악! 💣다음과 같이 버튼 1번 과제, 2번 과제, 3번 과제를 구성하고, 클릭 시 과제 페이지로 이동하도록 만드세요.( 대충 버튼 세개가 세로로 나란히 있는 짤 )1번 과제를 클릭하면, 1번 과제의 내용 페이지로 이동됩니다.2번 과제를 클릭하면,

http 통신하려면 http 설치해야한다. http가 기본인데, dio를 쓰는 게 훨씬 쉽고 좋아보임.일단 http를 쓰려면 import 'package:http/http.dart' as http; 이렇게 import문을 따로 써줘야한다. 자동으로 import 안됨.u

역대급 오래걸린 과제.당일과제는 당일 제출하겠다는 나의 포부를 부셔버린 과제였다..."역시 통신은 쉽지않군" 이라고 생각하기 쉽지만 사실 통신이 문제가 아니라 다른게 문제였다. 데이터는 금방 받았다...그리드뷰를 SizedBox로 감싸서 해결Future 이랑 Respo

pub devkey와 string이 한 쌍이다.key는 받을 권한, string은 권한을 요청할 때 유저에게 보여줄 디스크립션.범위 지정 저장소를 사용하도록 업데이트되었으므로 더 이상 AndroidManifest.xml의 태그 android:requestLegacyEx

제공되는 패키지 secrets_cat_sdk를 활용하여 다음의 기대 결과물을 따라 만드세요.비밀든는고양이 패키지 : https://pub.dev/packages/secret_cat_sdk이번 과제는 다음의 결과물과 다른 디자인으로 제작하는데 목표를 두세요.Re

전에 플러터 잘하시는 분 코드를 보니 앱 컬러와 폰트 스타일을 클래스로 관리하시더라. 웹에서는 보통 root에 컬러를 넣어두거나 하니까.. 좀 신기했다.Color: 웹에서 추출한 코드는 FFF7EC 이렇기 때문에 당황스러울 수 있다. 플러터에서는 0xff를 컬러코드 앞

상태 초기화. 지난번에 어쩌다가 쓸 일이 있게 되어서 썼던 건데, 오늘에서야 뭔지 배우게 되었다.useEffect에서 의존성배열에 빈배열(\[]) 준거랑 똑같다.처음 렌더링될때만 실행된다.기존에 day6날에 했던 과제를 고대로 들고와서 디벨롭(?)했다.어떻게 저떻게 하

다음의 URL에 네트워크 요청을 보내고, 얻은 데이터를 Class를 통해 생성할 수 있도록 만드시오.이 때 제작하는 Class 명은 자유입니다.받아온 네트워크 데이터를 Class에 적용시키고 플러터를 사용하여 다음의 화면을 제작합니다.

서클아바타를 transform.translate로 -55만큼 이동시켰다.잘린다.. appbar 뒤에 flexibleSpace를 두어서 이미지를 넣었는데, 스택을 사용해서 겹치도록 하는 방법밖에 없는 것 같다.

앱 최상단에 getMaterialApp을 선언해야한다.GetxController를 무족권 상속해야한다. 나머지는 다른 class 선언할때와 비슷하게 설정하면 된다.이때 import가 get/get.dart로 제대로 되는지 꼭 확인한다. 함정카드가 많다.put이 선행되어

onInit 내에서 interval을 사용해 myCoin.value가 +1씩되도록 했다.ever를 사용해 10\*n개가 될때마다 알람이 나오도록 했다.컨트롤러를 put하고 Obx 위젯을 사용해 값을 바로 가져올 수 있도록 했다.

flutter에도 endpoint로 라우팅하는 방법이 있다. 1. path 정의 2. App에 path를 등록하고 페이지를 연결한다. 여기서 AppPage를 따로 관리하고, route 또한 따로 분리해 고도화할 수도 있다. util/pages.dart uril/

Google이 만든 BaaS. flutter에서 firebase 쓰기 1. Firebase 콘솔 접속 2. 프로젝트 생성 3. CLI 설치 위 코드를 입력해 cli를 설치한다. 컴터 비번 입력해야함. 위 코드를 입력하면 구글 로그인을 하도록 창이 뜬다. 로그인에

과제를 진행하기 위해서 아래의 설정을 맞춰주세요.하나의 프로젝트에 1, 2, 3번을 모두 구현해주세요.프로젝트에 컬렉션 (post)를 만들고 2가지 Document를 만들어 다음의 값을 넣도록 한다.문서명은 자동생성할 수 있도록 한다.필드값은 content, likes

플러터 공식사이트apk파일로 휴대폰에 앱 설치빌드 끝난 후 build 폴더 -> app-release.apk파일 폰에 옮겨서 설치 진행.Google Play Console에서 앱을 올려서 배포flutter build apk앱 설치파일.거의 모든 안드로이드 앱에 호환될

iOS 배포Xcode에서 배포할 수 있다.애플 개발자 등록이 선행되어야한다. 비싸다. 1년마다 갱신 필요애플에서 앱을 테스트할 수 있도록 설치를 돕는 애플리케이션.테스트플라이트를 통해 앱 테스터들에게 앱 전송 가능.앱 테스터들도 설치 필요앱스토어커넥트 앱 생성 > 앱

flutter build webdart2js를 통해 main.dart.js가 만들어진다.아래 폴더가 생성된다./build/web/build/web/assetsfirebase hostinggithub pagesgoogle cloud hostingAWS instance -

프로필 생성 부분을 개발하면서 스크린샷 패키지를 써야했다. 항상 새로운 패키지를 쓰는 것이 제일 어려운 것 같다. 막상 다 하고 보면 별거 아닌데.그래서 내가 이 패키지를 쓴 방법에 대해 자세히 써보려고 한다.처음 내 코드는 아래와 같다.이미지 캡쳐가 처음 되면 Uin

스나이퍼팩토리X유데미X웅진 에서 주최한 교육에 참여해 기업연계 프로젝트를 진행하면서 스스로 많은 발전을 이룬 것 같다. 한달 배우고 바로 프로젝트에 투입되어 어플을 만들게 되면서 설레기도 했지만 걱정이 많았다.결국 좋은 결과를 얻게 되어 뿌듯하고 다음 스텝을 위해 노력

안드로이드의 경우 아래 코드를 추가해준다.

Tip

플러터에 특화되어있고, 상태관리 툴을 제공한다.프로바이더는 위젯이다.프로바이더가 필요한 위젯들의 상위에 위치해야 한다.Create가 꼭 제공되어야한다.provider의 of라는 메서드에게 타입을 제공하고, context를 탐색해 해당 인스턴스의 속성 'name'을 리턴

이전 프로젝트에서 Riverpod과 Supabase를 쓰기로 했었는데, 그게 이루어지지 않았어서 많이 아쉬웠다.그래서 Supabase + Riverpod를 기반으로 내 앱 포트폴리오를 만들어보기로했다.나에게는 Next와 Notion API를 활용해서 만든 기존의 웹 포

버튼을 누르면 showModalBottomSheet이 작동하면서 TextField가 포함된 컴포넌트가 나타나게 된다.기존 화면. textfiled가 active하게 되면 키보드가 아래서 올라오게 된다.이렇게 키보드가 가려버린다.으아니 이걸 그냥 뒀었던건가!?같이 프로젝

진부한 이야기다. 원래 제약쪽에서 영업관리직에 있었고, 3년간 일했다. 주 32시간 일했고 집에서 5분거리라 너무 편했다. 상사, 직원들과 사이도 좋았고 내 편의도 잘 봐주는 곳이었다.(비록 소위 말하는 X소였지만..)그런데 코로나가 터졌다. 사람들이 병원에 점점 안가

그동안 프로젝트를 하기 위해 무지성으로 oauth2를 써왔다.로그인, 회원가입, 뭐 이런 기능들은 기존 서비스가 이미 있다면 또 할 일이 거의 없겠지만...나는 운(?)이 좋게도 oauth부터 손볼 수 있게 됐다.플러터 공홈에도 Firebase는 뗄 수 없는 baaaa

드디어 기획이 픽스되고, 페이지 라우팅 세팅을 먼저 하게 되었다.항상 페이지 만들면서 컴포넌트 같이 만들고 연동하고 했어서 새로운 경험이었다.팀장님이 피그마로 목업을 만드셔서(점점 피그마 실력이 느셔서 엄청 놀랐닼ㅋㅋㅋㅋㅋ 뭔데 점점 퀄이 좋아져) 그거랑 drow.io