728x90
반응형

분류 전체보기 154

[안드로이드/Android] 안드로이드 스튜디오 (Android Studio) 플러그인 - 테마 변경

안녕하세욤 🤚🏻🤚🏻 안드로이드 스튜디오(Android Studio) 에서 테마 변경하는 법! 을 포스팅해보려구요~ 요즘 사용하고 있는 vsCode 에서 테마를 적용하니 코드가 눈에 잘 들어오고 좋아서 안드로이드 스튜디오도 변경해보았습니다! 안드로이드 스튜디오 (Android Studio) 를 열어주세여~ Configure > Plugins 클릭! Plugins 창이 표시되면 검색창에 Material 또는 theme 로 검색하면 여러가지 UI 테마들이 표시됩니다. 저는 그중에 Monokai Pro Theme 를 선택! 원하시는 테마를 선택하여 Install 버튼을 클릭해 줍니다~ Accept 클릭 Restart IDE 클릭! 안드로이드 스튜디오를 재시작 해야해요~! Restart 클릭 Configure >..

[ macOS 맥북 ] 전자정부프레임워크 (eGovFrame) 설치

안녕하소~🐂 macOS 맥북에서 전자정부프레임워크 (eGovFrame) 를 설치하는 방법 입니다. https://www.egovframe.go.kr/home/sub.do?menuNo=41# 개발환경 - 3.x 다운로드 | 표준프레임워크 포털 eGovFrame 처리중입니다. 잠시만 기다려주십시오. www.egovframe.go.kr 이 url로 들어가면 이 화면이 표시됩니다! 저는 맥북에서 진행하기 때문에 개발자용 개발환경 for Mac 64(Implementation Tool) Version 3.10.0 클릭! 첨부파일 eGovFrameDev-3.10.0-Mac-64bit-Installer.dmg 설치파일을 다운로드 합니다. Finder 의 다운로드 폴더에서 eGovFrameDev-3.10.0-Mac-6..

💻 맥북 macOS 2021.07.31

[Flutter] 다양한 위젯(Widget) 사용하기 - Dialog, DatePicker, TimePicker, SnackBar, GestureDetector, InkWell

안녕하세용! Flutter 에서 Dialog, DatePicker, TimePicker, SnackBar 를 사용하여 화면에 띄워주는 방법과 터치 이벤트를 구현할 때 사용하는 GestureDetector / InkWell 위젯을 사용하는 방법 입니다. Dialog, DatePicker, TimePicker, SnackBar 는 TextButton 위젯을 통해 클릭 시 해당 창을 띄워줬습니당! 1. ShowPopPage.dart ShowPopPage.dart 파일을 만들어 구현해 주었습니당. 전체 소스입니당 😬 import 'package:flutter/material.dart'; import 'package:flutter_application_1/MainPage.dart'; import 'package:..

📘 Flutter 2021.07.17

[GitHub/Android] 깃허브(GitHub) 에 안드로이드 스튜디오(Android Studio) 소스파일 올리기 - Commit/Push

내가 수정한 소스파일을 깃허브(GitHub) 에 Commit/Push 하여 올리는 방법입니다. 프로젝트를 올리는 방법은 아래 게시물을 확인해주세요~😀 https://eunoia3jy.tistory.com/112 [GitHub/Android] 깃허브(GitHub) 에 안드로이드 스튜디오(Android Studio) 프로젝트 올리기 안녕하세요! 안드로이드 스튜디오(Android Studio) 에 있는 내 프로젝트를 깃허브(GitHub) 에 올리는 방법 입니다. 이 프로젝트를 본지는 거의 오백년이 된거 같지만 제 노트북에 지금 놀구있는 스튜 eunoia3jy.tistory.com 소스파일을 올릴 때는 Commit 후 Push 를 진행해야 합니다! 1. Commit 하기 안드로이드 스튜디오(Android Stu..

📡 Google ~ Git 2021.07.13

[GitHub/Android] 깃허브(GitHub) 에 안드로이드 스튜디오(Android Studio) 프로젝트 올리기

안녕하세요! 안드로이드 스튜디오(Android Studio) 에 있는 내 프로젝트를 깃허브(GitHub) 에 올리는 방법 입니다. 이 프로젝트를 본지는 거의 오백년이 된거 같지만 제 노트북에 지금 놀구있는 스튜디오 프로젝트가 이것뿐이라 이 프로젝트로 진행해 보았어용 ㅎㅎ ;; 일단 안드로이드 스튜디오(Android Studio) 를 켜주세요! 상단 메뉴바의 VCS > Import Version Control > Create Git Repository... 클릭 Git 저장소에 올릴 프로젝트 위치를 선택 후 Open 클릭 그러면 프로젝트의 파일들이 빨강색으로 표시되는 것을 확인 할 수 있습니다. 파일들이 Add 가 되지 않았기 때문이예요~ 다시 상단 메뉴바의 Android Studio > Preferenc..

📡 Google ~ Git 2021.07.08

[Flutter] TextField 사용하기

안녕하세요! 텍스트를 입력하는 위젯 TextField 에 관해 포스팅해볼게요~ 안드로이드 에서는 EditText, javaScript 에서는 input 태그 등이 있는데요~ Flutter 에서는 TextField 위젯을 사용해서 사용자가 텍스트를 입력하는 창을 만든다고 하네요 @_@ 1. TextFieldPage.dart TextField(...) 위젯의 onSubmitted 호출 시 sendMsg() 메소드를 통해 Toast 를 띄워주도록 하였고, onChanged 호출 시 checkText() 메소드를 통해 하단 _changedTextWidget 영역에 입력한 텍스트가 바로 보여지도록 구현하였습니다. TextField( controller: _textController, onSubmitted: sen..

📘 Flutter 2021.07.07

[Flutter] 탭바(TabBar) 사용하기

안녕하세요! Flutter 를 하고 있는 요즘~ 포스팅 열심히 해야되는데 쉽지가 않네용 ㅠ_ㅜ Flutter 로 탭메뉴 인 탭바 TabBar 를 만들어 보았습니다! 안드로이드 java 소스로 TabLayout 을 만든 포스팅이 있었는데요! 그건 아래를 확인해 주세요 ~ https://eunoia3jy.tistory.com/54?category=1011678 [안드로이드/Android] TabLayout 과 ViewPager 를 이용한 탭 Tab 메뉴 화면 TabLayout 과 ViewPager 를 이용한 탭 메뉴 화면 을 구현하는 소스코드에 대해 포스팅 해 보겠습니다~ TabLayout : Tab 메뉴들을 담은 큰 틀의 레이아웃 ViewPager : 화면을 양옆으로 넘겨서 Page 를 바꾸는 슬 euno..

📘 Flutter 2021.07.06

[Flutter] CarouselSlider

안녕하세요! 이번엔 캐로셀(CarouselSlider) 위젯 인데요! CarouselSlider 위젯 이번엔 캐로셀(CarouselSlider) 위젯 인데요! 저번에 포스팅했던 PageView 와 비슷하지만 캐로셀(CarouselSlider) 는 자동 스크롤 슬라이딩을 할 수 있는 위젯(Widget) 입니다. 1. pubspec.yaml CarouselSlider 을 사용하기 위해 pubspec.yaml 파일에 dependencies 를 추가해줘야 하는데요! https://pub.dev/packages/carousel_slider carousel_slider | Flutter Package A carousel slider widget, support infinite scroll and custom chi..

📘 Flutter 2021.06.27

[Flutter] 카드(Card) 위젯 사용하기

카드(Card) 위젯 아이템 등에 사용하는 카드 형태의 위젯(Widget). 보통 리스트뷰(ListView)나 그리드뷰(GridView) 와 같은 위젯에 감싸서 사용합니다. 1. CardPage.dart Card( child: ... ), 이 형태를 사용합니다. shape: RoundedRectangleBorder( //모서리를 둥글게 하기 위해 사용 borderRadius: BorderRadius.circular(16.0), ), elevation: 4.0, //그림자의 깊이를 설정 import 'package:flutter/material.dart'; class CardPage extends StatefulWidget { const CardPage({Key? key}) : super(key: key)..

📘 Flutter 2021.06.27

[Flutter] 페이지뷰(PageView) 사용하기

페이지뷰(PageView) 여러 페이지를 한 화면에서 구현할 수 있도록 하여 한 화면에서 페이지를 슬라이드로 볼 수 있게 하는 위젯(Widget) 1. PageviewPage.dart PageController를 만들고 PageView에 연결하여야 합니다. PageController는 PageView가 보여줄 첫 페이지를 설정하거나 페이지 넘김을 트리거 할 수 있습니다. PageView.builder( controller: PageController( initialPage: 0, //시작 페이지 ), itemCount: , //페이지 수 itemBuilder: (BuildContext context, int index) { ... }, //page 의 반목문 항목 형성 ), 이 형태를 사용합니다. imp..

📘 Flutter 2021.06.26

[Flutter] 그리드뷰(GridView) 사용하기 (2)

안녕하세요~ 기본 그리드뷰(GridView) 사용하기 에 이어서 그리드뷰(GridView) 의 하나의 item 이미지, 리스트에 순번, 이름 텍스트 를 표출하도록 하였습니다. 기본 그리드뷰(GridView) 사용하기 먼저 확인해주세요~ https://eunoia3jy.tistory.com/105 [Flutter] 그리드뷰(GridView) 사용하기 Flutter에서 그리드뷰(GridView) 를 만드는 방법이예용 😁 안드로이드 java 소스로 그리드뷰(GridView) 를 만들기 포스팅은 아래를 확인해 주세요 ~ https://eunoia3jy.tistory.com/14?category=1011678 [안드로이.. eunoia3jy.tistory.com Image 위젯 을 사용하는 방법은 아래 게시물을 ..

📘 Flutter 2021.06.24

[Flutter] 그리드뷰(GridView) 사용하기

Flutter에서 그리드뷰(GridView) 를 만드는 방법이예용 😁 안드로이드 java 소스로 그리드뷰(GridView) 를 만들기 포스팅은 아래를 확인해 주세요 ~ https://eunoia3jy.tistory.com/14?category=1011678 [안드로이드/Android] 그리드뷰(GridView) 만들기 그리드뷰(GridView) 란? - 격자 형태로 나열하여 화면에 표시하는 행과 열이 있는 2차원 뷰 그룹(ViewGroup) 의 한 종류 - 리스트뷰(ListView) 와 마찬가지로 그리드뷰(GridView) 와 같은 뷰 그룹(ViewGroup) 은.. eunoia3jy.tistory.com 이번에는 Flutter 로 그리드뷰(GridView) 를 만들어 보겠습니다. 1. GridviewP..

📘 Flutter 2021.06.23

[Flutter] 리스트뷰(ListView) 사용하기 (2)

안녕하세요~ 기본 리스트뷰(ListView) 사용하기 에 이어서 리스트뷰(ListView) 의 하나의 item 리스트에 순번, 이미지, 이름 텍스트 를 표출하도록 하였습니다. 기본 리스트뷰(ListView) 사용하기 먼저 확인해주세요~ https://eunoia3jy.tistory.com/101 [Flutter] 리스트뷰(ListView) 사용하기 안녕하세욧! Flutter에서 리스트뷰(ListView) 를 만드는 방법이예용 😁 예전에 안드로이드 java 소스로 리스트뷰(ListView) 를 만들기를 포스팅한적 있는데요~ https://eunoia3jy.tistory.com/13?category=1011678.. eunoia3jy.tistory.com Image 위젯 을 사용하는 방법은 아래 게시물을 확..

📘 Flutter 2021.06.23

[Flutter] 모델 클래스 내에서 코드 생성 라이브러리를 사용한 JSON 직렬화

안녕하셍유우~~ 웹서버와 통신하는 경우 보통 JSON 을 통해 데이터를 받아와 사용하는데요, Flutter 에서 JSON 를 다루기 위한 두가지 방법이 있습니다. 1. 수동 직렬화 2. 코드 생성을 사용한 자동 직렬화 저는 코드 생성을 사용한 자동 직렬화를 통해 JSON 을 다뤄볼거예요! 모델 클래스 내에서 JSON 직렬화 하는 것인데요, 코드 생성 라이브러리를 사용한 JSON 직렬화 방법 입니다. https://flutter-ko.dev/docs/development/data-and-backend/json JSON과 직렬화 어느 시점부터 웹 서버와 통신하지 않거나 구조화된 데이터를 적절하게 보관하지 않는 모바일 앱을생각하기 어려워졌습니다. 네트워크와 연결된 앱을 제작할 때, 결국에는 제법 괜찮은 JSO..

📘 Flutter 2021.06.22
728x90
반응형