일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 코테공부
- 기술면접공부
- 자바공부
- JPA스터디
- nestjs스터디
- 스프링 공부
- nestjs공부
- querydsl
- 기술공부
- 스프링공부
- JPA공부
- 프로그래머스
- 카프카
- 스프링
- K8S
- 플러터 공부
- Axon framework
- JPA 공부
- Kafka
- Flutter
- 스프링부트공부
- 자료구조공부
- JPA
- JPA예제
- 스프링부트
- 알고리즘공부
- DDD
- nestjs
- 코테준비
- 플러터 개발
- Today
- Total
목록[Mobile] (84)
DevBoi
일단 텍스트의 값을 받아야 한다. 플러터에서는 이런 컨트롤러를 사용해서 값을 받고, 그다음에 리소스낭비를 줄이기 위해 dispose메소드를 실행시켜야한다고 한다. 이런식으로 TextField에서 컨트롤러를 매핑하는 작업을 한다. if(controller.text == 'smith' && controller2.text == '1234'){ Navigator.push(context,MaterialPageRoute(builder: (BuildContext context)=> Dice())); 실제로 값을 사용할 때는 이렇게 사용하면 된다. 그렇게 되면 controller.text로하면 텍스트 값을 가져오는 것이다. 일단 토스트 메시지 같은 메서드를 만들어준다 void showSnackBar2(BuildCont..
간단한 프로젝트를 진행해보자 아무리 이론을 빠삭하게 해도 결국은 직접 해보지않으면 ... 금방 까먹는다 ㅎㅎ 주말은 앱공부를 하고, 평일에는 인프라 자바 스프링 공부를 하니까... 일단 해보자 main.dart의 파일 내용이다. MyApp이라는 class의 내용을 적어놓고, MaterialApp을 return 한다. title은 dice game으로 두고, Login()을 홈으로 지정하여, return 한다. 해당 하단의 Login 클래스이다. 해당 클래스는 Scaffold를 return하고 Login이라는 텍스트를 타이틀로 한다. 그 Login appbar와 IconButton그리고 해당 하위의 action에 대한 함수 선언까지만 해놓는다. StateLesswight부분에서 노란 색 전구 버튼을 누르면..
Widget 작은 장치라는 의미이다. 독립적으로 실행되는 작은 프로그램이다. 바탕화면 등에서 날씨나 뉴스, 생활정보 등을 보여준다. 그래픽이나 데이터 요소를 처리하는 함수를 가지고 있다. Flutter상에서의 Widget이란? 1. UI를 만들고 구성하는 모든 기본 단위 요소를 의미한다. 앱 화면을 구성하는 모든 요소를 위젯이라고 한다. 2. 플러터상에서는 눈에 보이지 않는 요소들도 위젯이다. Layout을 돕는 것들도 위젯이다. (정렬,컬럼 등등) 3. 플러트는 모든 위젯을 코드로 관리한다. State 최초로, 정렬된 상태 컴포넌트들이 존재하고있는 상태를 의미한다. 1. Stateless widget 상태가 없는 정적인 위젯.State가 변하지 않는 위젯을 의미한다. Stateless widget이 가..
일단 플러터의 기능들을 웹으로 빌드해보자 일단 저번에 화면 이동하고, 해당 이동된 화면에서 숫자를 증가시키는 등의 함수를 이벤트로 넣어봤다. 무튼 이걸 웹으로 빌드 해보자 1) flutter channel master 2)flutter upgrade flutter devices라고 하면, 크롬이나 ios등등이 뜬다. 이때 노출해야하는 곳이 크롬이라면, 크롬으로 변경하고 빌드하면 정상적으로 웹으로 빌드가 된다. 요로케 된다. 무튼, 다시 좀더 공부를 해보자
화면 이동 및 레이아웃 전환에 대해서 실습을 진행해보자 ElevatedButton을 두고, 해당 안에 onPressed메서드를 추가한다. 그리고, 해당 버튼을 눌렀을떄 Navigator push로 신규 페이지 라우트 객체를 넣어준다. HelloPage2는 다른 다트 파일에 있는 위젯이다. 어찌보면 굉장히 간단하다. 눌렀을때 단순히 클래스 파일만 넘기면 바로 처리가 되는 장점이 있다.
계속 앱의 상단에 정렬이 안된 상태로 글자가 있었는데 Center라는 위젯으로 이 텍스트를 감싼다면? 어플리케이션의 가운데에 이 글자가 정렬이 되게 된다. 또한 여러개를 넣을 수도있다. 이런식으로 컬럼이라는 속성도 존재한다. 프론트 개발을 할떄는 이렇게 외워야 할게 많은게 조금 킹받는다... 내가 덜익숙한거일수도... 다트는 형변환이 편하다. 그냥 달라를 붙이면 된다. counter를 참고하자. 무튼 이렇게 counter를 증가시킬수있고 mainAxisAlignment를 통해서 위젯안에 텍스트를 정렬할 수도 있다. 꿀 같은 사이트가 있다. https://flutterstudio.app AppBuilder 2 20180529-19:35 flutterstudio.app 미리 다 해볼수 없으니, 위젯을 사용해..
이렇게 바꾸면 아래 처럼 된다. MaterialAPP의 text를 넣어주면 된다. 디자인이 너무 안이쁘니까 해당 Scaffold로 감싸주고, Appbar를 넣어주자 이런식으로 넣게 되면 아래와 같이 변경된다. 뭐 약간 속성 바꾸는 느낌으로 바꾸게 되면서 바로 적용이 가능하다. Text안에 TextStyle을 주고 또 따로 변경이 가능하다 여기까지는 그냥 뭐 암기느낌이네... 기본적인 구조를 따르는 SatelessWidget에서는 사용이 불가하다고한다. StateFulWidget을 만들어야한다. stful이라고 하고 엔터치면 자동생성된다. 결국 이렇게 한다. 해당 HelloPage는 아래와 같이 참조한다. 상태변경이 되게끔 해보자. 이렇게 눌렀을때 동작하게 끔 할 수 있다. 실제로 별도 함수로 빼서 플로팅..
기존 프로젝트를 생성하게 되면, lib/main.dart , pubspec.yaml 파일 이 두개를 중점적으로 보면된다. main.dart는 소스코드가 적힌 파일이고, pubspec.yaml 파일은 외부 라이브러리나 디펜던시등이 정의된 파일이다. 일단 여기까지 하고 넘어가자
https://docs.flutter.dev/get-started/install/macos macOS install How to install on macOS. docs.flutter.dev Flutter SDK 설치 및 환경 변수 세팅 안드로이드 스튜디오 설치 및 SDK command어쩌고 설치 및 실행 Xcode 설치 Cocopod 설치 *Flutter doctor로 설치 현황 확인 가능 *안드로이드 스튜디오 Flutter Plugin 설치 후 새 프로젝트 생성하면 끝 솔직히 이 이상 자세히 적기 귀찮다. 왜냐면, 사실 설치 방법이야 시시때떄로 변화하기 떄문에... 그냥 시작할때는 알아서 찾아보자 사실 공식 문서에도 잘되어있다.
안드로이드 앱개발을 취미로 해보자! 라고 하면서, 오랜만에 이것저것 하게 되었다. 간단하게 예제 및 실습 변형이 가능한 틀 정리를 하려고한다. 안드로이드 네이티브 기술은 프론트엔드쪽 관련 부분이 많아서, 사실 깊숙히 이해할 필요는 나는없다 나는, 백엔드 개발이 주고, 앱은 그냥 출시하면서 재미로 살고싶은 사람이라 ㅋㅋ 무튼 개발 스타트 필요한 리스트 (모델, 어댑터,메인에서 사용방법) 1. 모델 2. 어댑터 3. 메인 예제 간단하게 이렇게 사용하면된다 간혹, 메인에서 내부클래스로 선언하는 방법이 있는데, 이방법은 한 파일에 너무 덕지덕지 소스가 될수 있기 때문에 쉿하고, 그냥 이렇게 사용하는 것을 추천한다. 가져다가, 응용을 위한 복붙 소스이다. package com.smith.myhabit.ui.hom..