전체 글 (87) 썸네일형 리스트형 Flutter 초보자의 계산기 앱 만들기 #4 (Layout-3) 이번 포스팅은 계산기 Layout 3번째로 키보드를 만들어 봅니다. 기본 화면설계 Layout은 이것으로 마무리가 될듯 합니다. 한가지 이번 계산기 앱을 플로터 공부하고 2틀 만에 공부해가며 만들고 나서 계속 공부하는 와중에 참 설계가 잘못된 부분이 많구나 하는 것을 알았습니다. 기본적으로 윈도우 프로그램 개발하는 방식과는 차이가 좀 나네요.. 제목에 초보자라는 타이틀이 있으니 초보자 입장에서 설계는 잘못 되었지만 일단은 기존에 설계된 코드로 포스팅을 하고 좀더 공부하면서 설계에 오류나 미진한 부분은 추가로 포스팅 하도록 하겠습니다. 1. 버튼의 모양을 만들기 위한 위젯 Class 구현 * 버튼을 하나하나 개별적으로 만들수도 있겠지만 그러면 코드가 길어지기 때문에 클래스로 버튼의 틀을 만들고 속성값만 주.. Flutter 초보자의 계산기 앱 만들기 #3 (Layout-2) 이번장에는 계산기의 숫자판에 대한 Layout를 코딩해 보도록 하겠습니다. 숫자판은 Text 위젯을 사용할 것이고 이 Text 위젯은 Container 라는 위젯을 담기위한 위젯안에 들어가게 됩니다. Container 위젯은 내부에 또 다른 위젯을 담기위해 사용하고 위젯은 1개만 넣을 수 있습니다. 1. Container 위젯 코드 Container ( padding: EdgeInsets.all(30), alignment: Alignment(1.0, 1.0), color: Colors.black, height: (MediaQuery.of(context).size.height - MediaQuery.of(context).padding.top) * 0.30, child: displayText(caption:.. Flutter 초보자의 계산기 앱 만들기 #2 (Layout-1) 앱설계 첫번째로 화면 Layout 을 설계 합니다. Flutter 는 모든 구성요소들이 Widget 이라는 모듈로 되어 있고 이 모듈들을 화면에 어떻게 배치할 것인가를 설계하는 것에서 프로그램이 시작 됩니다. 어떤 위젯을 사용할 것인지 어떻게 배치할 것인지에 대한 Layout을 먼저 구성 합니다. 1. Layout 설계 : 계산기 앱을 만들기에 앞서 아래 그림과 같이 기본 Layout을 설계 했습니다. 아래 그림에서 블럭 하나하나가 다 Widget 입니다. 물론 더 세세하게 내려가면서 위젯이 더 있지만 앱 설계의 큰 틀은 아래와 같습니다. 2. 화면 Layout 코딩 설계 C# 이나 visual basic 처럼 예전에는 화면을 디자인 하기위해 별도의 디자인 에디터에서 설계를 했었는데 최근 개발툴의 추세는.. Flutter 초보자의 계산기 앱 만들기 #1 (Intro) * 앱 개발 공부를 해 봐야지 하고 여러 개발 플랫폼과 개발 언어를 봐오던 차에 Flutter 를 접하고 괜찮겠다 라는 생각이 들어 본격적으로 공부를 시작했습니다. * 저처럼 처음 공부하는 분들 입장에서 최대한 순차적으로 이해해야 할 부분에 대해 정리하는 개념으로 포스팅을 할 예정입니다. * 개발언어에 완전 초보이신 분들은 조금 어려울 수도 있겠습니다. 1. Flutter 를 선택한 이유는 (1) C++ 과 C# 언어에 익숙해서 Dart 언어를 쉽게 이해하고 접할 수 있는 부분 (2) Multi Flaform 개발이 가능하다. (3) 한글로 된 도서가 있더라..( 다른 개발툴들은 거의 없는 한글 책이 있어서 구매 했는데 돈이 아까워서 시작 ) (4) 웹에서 필요한 정보를 얻기 쉽다. 일단 시작 개발툴은 .. c++ Builder 외부 에디터 연결 사용방법 표준 에디터(IDE에서 제공하는)이외에, 타사의 프로그래밍 에디터를 사용하는 방법 메뉴의 Toos | Configure Toos...를 선택 ADD 버튼을 click 임의의 "Title"을 입력 프로그램에 사용하는 "Program"을 지정(Browse 참조) 필요한 경우 "Working dir"를 설정 실행에 필요한 "Parameters"로 $EDAME 매크로를 선택(Macros button) ($EDAME 매크로는 편집중의 파일명을 인수로 한다.) Tools | ("Titel"에 입력했던 타이틀)을 선택하면 된다. Data Smoothing #1 알고리즘 C++ 예전 어느 일본업체에서 사용하는 스무징 알고리즘을 구하게 되어서 제가 사용하고 있습니다. 상당히 스무징이 깨끗하게 잘 됩니다. 그러다 보니 사용하는 데이타의 종류에 따라 스무징 알고리즘을 다르게 사용해야 합니다. 아래 스무징도 아무 데이타에 사용은 못하고 제가 꼭 필요로 하는 데이타의 스무징 종류에 따라 구분해 사용합니다. void Smoothing(double fltData[], short siMaxMeasCount, short siSCount, short siSStep) { doublefltSmooth[1000*2]; intiLstep,iRstep; intiStart_p,iEnd_p; intiCnt; doublefltSum; if(siSStep < 2)return; if(!(siSStep % 2))s.. Data Smoothing #2 (Savitzky Golay) C++ 데이타 스무징 기법 중에 하나인 Savitzky Golay 필터 입니다. 제가 수학 출신이 아니라서 수학적 이론은 잘 모릅니다. 그래서 모르는 내용을 어딘가에서 주워 담아 쓸수도 있겠지만 그런 내용은 더 잘 설명해놓은 분들이 있을테니 저는 그냥 제가 사용하는 코드만 올려 놓습니다. 1. Savitzky Golay 를 적용한 결과 그래프 입니다. * 파란색원 원본 데이타 * 붉은색이 Savitzky Golay 데이타 입니다. 2. 구현을 위한 코드는 아래와 같습니다. void Savitzky_Golay_smoothing(double* y_series, double* destY, int point_number) { // int A[] = { -2, 3, 6, 7, 6, 3, -2 }; // int A[] =.. 제어 소프트웨어 엔지니어에 대한 생각. 다른 분야도 그렇겠지만 소프트웨어도 참 다양한 개발 분야가 있습니다. 최근 급격히 뜨고 있는 모바일 개발 분야를 비롯해 웹앱, 게임, 백엔드, 프론트엔드, 팩키지, 또 저같은 제어 등등해서 참 다양하게 많습니다. 그 중에서 혹시나 기계제어나 계측에 관심이 있는 분들을 위해 몇자 적어 보려 합니다. 1. 어떤 언어를 배우는게 좋을까? 일단 제어에 관심이 있는 분들이라면 저는 C계열의 언어를 공부하라고 제안을 드립니다. 물론 제어 분야에서도 다양한 언어(파스칼, Visual Basic 등)을 사용하기도 하지만 그래도 가장 많이 사용하는 언어는 C++ 언어가 아닐까 생각됩니다. 제 경우 기본적으로 C언어로 마이컴 펌웨어 개발과 핸드폰 UI 개발을 경험하고 이후 C++언어를 통해 제어 계측 쪽으로 분야를 옮긴 .. 이전 1 2 3 4 5 6 7 8 ··· 11 다음