본문 바로가기

전체 글134

Vue/Firebase 이용해서 홈페이지 만들기 (5) - Firebase 프로젝트 생성 및 연결하기 오늘의 목표 Firebase 프로젝트를 생성하고 내가 작업하고 있는 vue 프로젝트와 연결해보자. #1. firebase 프로젝트 중 web 어플리케이션 생성 #2. vscode에서 firebase-tools 설치 #3. firebase login #4. firebase init #1. firebase 프로젝트 중 web 어플리케이션 생성 - 기존에 앱을 만들때 만든 프로젝트에 android, ios만 연결해주었고 이제 web을 추가로 생성해보자. #2. vscode에서 firebase-tools 설치 - vscode를 열고 아래의 명령어를 실행해서 firebase-tools를 설치하자. sudo npm install -g firebase-tools (mac 기준이고 windows 사용자라면 앞에 sud.. 2020. 10. 20.
신혼부부 연봉 합산 1억 넘어도 이젠 특공이 가능하다? 신혼희망타운 소득기준 120% -> 130% 로 상향 민영주택의 경우 도시근로자 월평균 소득의 140%(맞벌이 160%, 월 889만원) 내년 1월부터 적용되는 제도 개선 방안 발표한 국토부 민영주택 신혼부부 특별공급에 3인가구 기준 월평균소득 889만원까지의 맞벌이 부부도 청약 기회가 제공된다고 하네요. 신혼희망타운 분양 소득 요건이 월평균소득 120%(맞벌이 130%)에서 130%(맞벌이 140%)로 올라간다고 합니다.소득이 많은 맞벌이 신혼부부에게 특공에 청약할 기회를 제공하기 위해 소득 요건을 민영주택에는 도시근로자 월평균 소득의 140%(맞벌이 160%)까지 확대한 것이 포인트인데요. 현재 민영주택 신혼부부 특공에선 소득 100%(맞벌이 120%)에 물량의 75%를 우선공급하고 나머지 25%를 .. 2020. 10. 14.
Vue/Firebase 이용해서 홈페이지 만들기 (4) - Component 만들기 오늘의 목표 앞서 복잡한 App.vue 파일의 코드들을 여러개의 Component로 나누고 보다 가독성이 좋은 코드로 변경해보자. #1. Component용 vue 파일 생성하기 #2. Component를 가져다 사용하기 (import, components에 추가, 해당 component 사용하기) #1. Component용 vue 파일 생성하기 - 아래의 기존 소스에서 title 부분을 별도의 vue 파일을 생성하고 옮겨보자. - components 폴더에 title.vue 파일 생성 후 위 코드를 옮기자. 여기서 주의해야 할 것은, 하나의 component는 하나의 태그로 구성돼야 하고, 반드시 template으로 감싸줘야 한다. #2. Component를 가져다 사용하기 (import, compon.. 2020. 10. 13.
Vue/Firebase 이용해서 홈페이지 만들기 (3) - Navigation drawers 만들기 오늘의 목표 Navigation drawers에 대해 알아보고 내 홈페이지에 추가해보자. #1. Navigation drawers란? - 앱에서 좌측 상단에 나오는 버튼을 이용하여 홈페이지의 곳곳을 이동할 수 있게 도와주는 역할을 한다. - 아래의 사이트로 접속하여 Navigation drawers에 대한 예제코드를 살펴보면 도움이 될 것이다. Navigation drawer component The navigation drawer component contains internal navigation links for an application and can be permanently on-scre... vuetifyjs.com - 위 사이트에 나온 예제의 소스를 참고하여 작성한 것이니 직접 타이핑하거나.. 2020. 10. 13.
Vue/Firebase 이용해서 홈페이지 만들기 (2) - Vuetify 추가, app bar/footer 만들기 오늘의 목표 Vuetify css framework 추가한 후 기본적인 홈페이지 틀에 대해 익혀보자. #1. Vuetify 추가하기 #2. app bar, footer 셋팅하기 #1. Vuetify 추가하기 - 프로젝트가 있는 폴더에서 터미널을 열어 vue add vuetify 명령어를 실행시키자. 옵션은 아래와 같이 선택하였다. - 다시 서버를 띄우고 (npm run serve) 로컬서버에 접속해보았다. - 이제 Vuetify에서 미리 구현된 버튼, 앱바, 툴바, 네비게이션 등의 여러 기능을 가져다 쓸 수 있게 되었다. #2. app bar, footer 셋팅하기 - app bar 추가하기 : vuetify에서 v-app-bar-nav-icon은 좌측 상단의 네비게이션을 위한 아이콘이다. 아래와 같이 .. 2020. 10. 13.
Vue/Firebase 이용해서 홈페이지 만들기 (1) - 개발환경셋팅, Vue프로젝트 생성 오늘의 목표 Vue 사용을 위한 개발환경 셋팅 후 첫 Vue 프로젝트를 만들어 서버를 띄우고 접속해보자. #1. 개발환경 셋팅 (npm, vue cli, vscode) #2. vue 프로젝트 생성 #1. 개발환경 셋팅 (npm, vue cli, vscode) - npm 설치 (google 에서 node.js 검색 후 나오는 홈페이지에서 설치파일을 받아 설치하자.) - vue cli 설치 : npm install -g @vue/cli - vscode : google에서 vscode 검색 후 나오는 홈페이지에서 다운로드 받고 설치하자 (실제 개발에 필요한 에디터) * 유용하게 쓰이는 extension : vuetify(vue 라이브러리), ESLint(자동 문법체크), vetur(소스에 색상 표시) #2. .. 2020. 10. 7.
Flutter & Firebase - 인스타그램 클론 (5-1) - 프로필 화면 만들기 오늘의 목표 프로필 페이지를 만들어보자. 내 프로필을 보는 경우, 프로필 편집 버튼이 보여야 할 것이며 다른 사용자의 프로필을 보는 경우, 팔로우 상태가 아니라면 팔로우 버튼이 보여야 하고 팔로우 상태라면 언팔로우 버튼이 보여야 할 것이다. #1. 프로필 화면 구성 #2. 프로필 화면 결과 화면 #3. 프로필 수정 화면 #4. 프로필 수정 화면 결과 화면 #1. 프로필 화면 구성 - 기본 화면 구성 중 프로필 상단부 영역 // build method @override Widget build(BuildContext context) { return Scaffold( appBar: header(context, isAppTitle: false, title: 'Profile',), body: ListView( c.. 2020. 9. 3.
Flutter & Firebase - 인스타그램 클론 (4) - 업로드 화면 만들기 오늘의 목표 이미지를 업로드하기 위한 페이지를 만들어보자. 이미지는 카메라 촬영, 갤러리에서 가져오기의 기능으로 가져올 것이다. #1. 업로드 화면 구성 #2. 업로드 화면 #3. 결과 화면 #1. 업로드 화면 구성 - Upload Image 버튼 클릭 - 사진촬영/갤러리에서 가져오기 기능을 위한 다이얼로그 팝업 - 사진 선택 후 게시를 위한 동작 (share버튼 클릭시) #2. 업로드 화면 - 업로드화면 displayUploadScreen() { return Container( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon(Icons.add_photo_alternate, color: Colors.grey, siz.. 2020. 9. 2.
Flutter & Firebase - 인스타그램 클론 (3) - 사용자 검색화면 만들기 오늘의 목표 사용자를 검색하는 사용자 검색화면(Search Page)을 만들어보자. 검색어 입력시 입력한 검색어와 일치하거나 검색어를 포함하는 사용자 리스트를 보여주게 된다. #1. 검색창 화면 구성 #2. 검색창(상단) 만들기 #3. 검색결과(하단) 만들기 #4. 참고내용 #5. 결과화면 #1. 검색창 화면 구성 - 상단 : appBar로 된 검색창 - 하단 : 검색 결과를 보여줄 ListView @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.black, appBar: searchPageHeader(), body: futureSearchResults == null ? displayNoSearc.. 2020. 9. 2.
Flutter & Firebase - 인스타그램 클론 (2) - 기본 화면 만들기 (OAuth 구글 로그인) 오늘의 목표 앞서 추가한 기본 화면에 구글 SignIn 버튼을 실제로 동작하도록 구현해보자. #0. 구글 SignIn 관련 variable 설명 #1. 앱 시작시 build 전 initState #2. 구글 SignIn 버튼 클릭시 동작 #0. 구글 SignIn 관련 variable 설명 - GoogleSignIn : 구글 로그인의 기능을 담당할 변수 - GoogleSignInAccount : 구글 로그인시 계정을 담을 변수 - userReference : 로그인시 user정보 db(firestore)에 저장할 때 사용할 변수 - isSignedIn : 앱 시작시 기 로그인여부를 확인할 변수 - DocumentSnapshot : Firestore에서 실시간 데이터를 주고받을 때 사용하는 용도 // var.. 2020. 9. 2.
Flutter & Firebase - 인스타그램 클론 (1) - 기본 화면 만들기 (로그인 페이지) 오늘의 목표 #1. 프로젝트 생성 (시작이 반이다.) #2. firebase 프로젝트 생성 #3. 로그인 화면 만들기 #4. 하단부 bottomNavigator로 각 페이지 연결해주기 #1. 프로젝트 생성 (시작이 반이다.) #2. firebase 프로젝트 생성 - Android 앱 추가 - iOS 앱 추가 #3. 로그인 화면 만들기 - home_page.dart 파일을 생성하고 간단히 구글 버튼을 추가해보자. import 'package:flutter/material.dart'; class HomePage extends StatefulWidget { @override _HomePageState createState() => _HomePageState(); } class _HomePageState ext.. 2020. 8. 31.
Flutter 구글 지도 (Google maps) 추가하기 Flutter 구글 지도 (Google maps) 추가하기 구글 지도를 추가해 플러터 앱 내에서 사용하는 법을 알아보겠다. 1. pubspec.yaml에 의존성 추가 : google_maps_flutter, http, json_serializable 2. Google Maps API 사용을 위한 Key 발급받아 적용하기 3. AndroidManifest.xml 설정 추가 1. pubspec.yaml에 의존성 추가 : google_maps_flutter, http, json_serializable 2. Google Maps API 사용을 위한 Key 발급받아 적용하기 앱에서 Google지도를 사용하려면, 별도의 Google Cloud Platform 에서 프로젝트를 생성하고 API Key를 발급 받아야 한.. 2020. 8. 27.
Flutter 움직이는 그림(Lottie) 넣기 Flutter 움직이는 그림(Lottie) 넣기 이번에는 Lottie 를 활용한 움직이는 그림 넣는 방법에 대해 알아보겠다. 사용법은 매우매우 간단하다. 동작 원리 1. pubspec.yaml 추가 (lottie) 2. 파일 추가 1. pubspec.yaml 추가 (lottie) dependencies: flutter: sdk: flutter lottie: 2. 파일 추가 ListView( shrinkWrap: true, children: [ // Load a Lottie file from your assets Lottie.asset('assets/LottieLogo1.json'), // Load a Lottie file from a remote url Lottie.network( 'https://raw.. 2020. 8. 27.
Flutter 프로필 사진 등록/변경하기 Flutter 프로필 사진 등록/변경하기 이번에는 내정보의 프로필 사진 등록/변경에 대해 알아보겠다. ImagePicker 위젯을 사용할 것이다. 사용법은 아래와 같다. 동작 원리 0. 화면 구성 1. Profile camera 아이콘 클릭 => 카메라로 찍기 / 갤러리에서 가져오는 모달창 생성 2. 카메라로 찍기 또는 갤러리에서 가져오기 + 변경된 내용 반영하기 0. 화면 구성 @override Widget build(BuildContext context) { return Scaffold( appBar: appBarWidget('Regist Profile'), body: Padding( padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 20).. 2020. 8. 27.
Flutter 터치로 사진 확대/축소 시키기 Flutter 터치로 사진 확대/축소 시키기 이번에는 화면 터치를 통해 사진/그림을 확대/축소 시키는 방법에 대해 알아보겠다. Animation 위젯을 응용하여 사용할 것이고 관련 내용을 통해 progress bar 등으로의 활용도 가능하다. 사용법은 매우매우 간단하다. 동작 원리 1. Animation, AnimationController 생성 2. 특정 행동(터치)을 감지하여 행동 발생시 설정한 애니메이션이 동작하도록 수행 1. Animation, AnimationController 생성 Animation _animation; AnimationController _animationController; @override void initState() { // TODO: implement initStat.. 2020. 8. 27.
DS인증 실기 문제풀이 오답노트 (D-1) 통계중심 문제 #1. Antibiotic_70K_patients - 이상치 구현하는 python 코드가 익숙치 않다!!!!!!!!!!!!!! import pandas as pd import numpy as np data = pd.DataFrame(inputs[0]) def count_outlier(x): mean_x = np.mean(x) sd_x = np.std(x) under_three_sigma = mean_x - 3 * sd_x over_three_sigma = mean_x + 3 * sd_x count_3sigma = len(x[x over_three_sigma]) return count_3sigma result = data.apply.. 2020. 8. 22.
Flutter 공유하기, Calendar 기능 사용하기 Flutter로 공유하기 앱을 사용하다보면 카톡이나 다른 앱에 공유하는 기능을 사용할 때가 있다. flutter에서도 컨텐츠를 공유하는 기능을 구현할 수 있다. (안드로이드에서 ACTION_SEND, iOS에서 UIActivityViewController로 불림) 사용법은 매우매우 간단하다. 1. pubspec.yaml 파일에 의존성 추가하기 2. 기능 구현하기 1. pubspec.yaml 파일에 의존성 추가하기 : share 패키지 dependencies: flutter: sdk: flutter share: 2. 기능 구현하기 : flutter 프로젝트로 만든 기본 테스트화면에 TextField와 Button 만 만들었다. class _MyHomePageState extends State { Strin.. 2020. 8. 1.
완전 쉽고 간단한 Flutter 로 카메라 사용하기 어플에서 자주 쓰는 카메라 연동에 대해 알아볼 것이다. Dart 패키지에는 camera 관련 패키지가 있어 라이브러리를 가져와서 사용하면 된다. 아래의 단계별로 테스트를 진행해보겠다. 정말 별거 없고.. image_picker 패키지만 가져다가 조금만 구현하면 되는구나 1. pubspec.yaml 에 의존성 추가하기 (라이브러리 가져와서 사용하겠다는 의미) 2. 카메라로 직접 촬영하던지, 갤러리에서 가져와 쓸 수 있도록 구현하자 1. pubspec.yaml 에 의존성 추가하기 (라이브러리 가져와서 사용하겠다는 의미) image_picker 패키지는 pub.dev에서 99점의 점수를 기록하고 있어서 말해뭐해? 정도의 퀄리티를 자랑한다고 할까나.. 2. 카메라로 직접 촬영하던지, 갤러리에서 가져와 쓸 수 있.. 2020. 7. 31.
5분만에 Flutter 에서 kakao login 버튼 추가하기 * 해당 게시글 최하단에 아래의 2가지 형태의 예제를 구현한 github 링크를 공유해두었으니 참고하실 분들은 도움이 되셨으면 좋겠습니다. - 단순 카카오 로그인 - 카카오 로그인 후 정보저장(Firebase) 및 자동로그인 Flutter에서 소셜 로그인을 할 수 있는 여러 가지 방법이 있는데 그 중 하나가 카카오계정 로그인이다. Flutter에서 간단히 구현을 해볼텐데 방법은 아래와 같다. 1. pub.dev (flutter 패키지 모음) 에서 어떤 라이브러리 사용할 것인지 확인 : kakao_flutter_sdk (카카오 공식) 👉🏻 카카오에서 공식 지원하는 라이브러리를 가져다가 쓸 예정이다. 2. Flutter 에서 pubspec.yaml 의존성 추가하기 👉🏻 kakao_flutter_sdk를 가져.. 2020. 7. 30.
화성남자 금성여자 뒷 단원 요약 10. 이성으로부터 To Women 1 작은 일들이 갖는 신비로운 힘 만일 남자가 여자를 위해 사소한 일들을 해주고 있다면 이를 감지하고 그 호의를 고맙게 여길 필요가 있다. 미소 띤 얼굴로 건네는 고맙다는 말 한마디는 그가 점수를 땄음을 알리는 표시로 충분하다. 남자에게는 그와 같은 격려와 칭찬이 무엇보다도 효과적이다. 자신의 노력이 당연한 것으로 받아들여질 때 그는 베풀기를 중지한다. 그러므로 여자는 그가 하고 있는 행동이 높은 평가를 받고 있다는 것을 그에게 인식시킬 필요가 있다. 혹 여자가 베푸는 것보다 남자가 하는 일이 너무 적다고 느끼면 분한 마음이 싹트로 원망이 감사의 표현을 훼방할 수 있으나 그를 조금 더 이해해보려 하고 다시 한 번 그에게 기회를 주어 보면 상황은 눈에 띄게 호전될 수 있.. 2020. 7. 28.
파이썬으로 웹 크롤러 만들기 - (1) 웹스크레핑, 브라우저 동작방식 웹 스크레핑이란 ? 웹 스크레핑은 데이터를 수집하는 작업을 말하며 가장 널리 쓰이는 방법은 프로그램을 만들어 웹 서버에 쿼리를 보내 데이터를 요청하고, 이를 파싱(내가 활용하기 편한 데이터로 변환)해 필요한 정보를 추출하는 작업을 자동으로 하는 것을 말한다. 왜 웹 스크레핑을 써야 할까 ? 오직 브라우저만 사용해 인터넷에 접근하면 수많은 가능성을 놓치고 있는 것이다. 브라우저는 자바스크립트를 실행하고 이미지를 표시하며 객체를 사람이 읽기 편한 형식으로 표시하는데 뛰어나지만, 웹 스크레퍼는 다량의 데이터를 수집하고 처리하는 데 뛰어나다. 모니터의 좁은 창에서 페이지를 하나씩 볼 필요 없이, 데이터베이스에서 수천, 심지어 수백만 페이지를 즉시 볼 수 있다. 데이터 수집을 하기 위해 API가 존재한다고 생각할.. 2020. 7. 24.
Notion을 배워보기로 했다. (협업툴, 노트앱) 앱 공부를 하며 동시에 4가지의 앱을 개발하다보니 디테일한 기록없이는 허둥지둥대고 전문적인 병렬처리가 불가능할거라 생각이 되어 협업툴 중 노션을 배우고 적용해보려고 한다. 기본적으로 회사에선 Jira를 통한 업무관리를 사용해왔고 현재 있는 부서에서는 엑셀로 정리해서 공유하는 등 다소 비효율적인 업무처리 방식을 사용하고 있다. (무언가 누락되어도 발견하지 못하면 계속 오류로 남아 무덤속에 묻히겠지?) 우선, 내가 가장 필요로 하는 것은 Todo list와 일정관리가 필요했다. 기존의 여러 툴 중 슬랙, 노션, 트렐로 중에서 골라보기로 했는데 노션을 고른 이유는 심플하다. 처음 들어갔을 때 너무 심플하고 사용법도 간편한데 의외로 너무많은 기능들이 곳곳에 숨어 있어서 더 고민않고 노션을 선택했다. 그리고 유튜.. 2020. 7. 24.
쉽따공 - 쉽게 따는 공인중개사 앱 회사 직원들이 ADsP 취득이 필요하니 관련 앱을 만들면 사람들이 많이들 쓰겠다 판단이 되어ADsP 퀴즈 앱을 만들었다. 하지만 ADsP 기출문제를 복원하는 업체에 문제를 가져다 쓰겠다 문의를 하니출판사업의 지장이 있을 수 있어 사용을 지양해달라는 답변을 받아 그 앱은결국 사용을 못 하게 되었다.그런데, 처음엔 자기계발의 목적으로 만들었던 퀴즈앱이 잘 생각해보니...퀴즈앱에 넣을 문제들만 있다면 (저작권 이슈가 없는) 다른 자격증 어플로도 활용이 가능하겠다 싶어서공인중개사 퀴즈앱을 만들게 되었다.공인중개사 시험은 큐넷에서 정식으로 시험문제/정답이 업로드 되고 사용이 가능했다.어렵지 않게 구현한 공인중개사 기출문제를 엑셀에 정리하고 넣는게 어떻게 보면 노가다성이었다...하지만 공인중개사 문제풀이 앱은 이미.. 2020. 7. 24.
Flutter trouble shooting - 잘 되던 빌드가 갑자기 안될 때가 있다. 에러문구 D8: Cannot fit requested classes in a single dex file 원인 : 앱 및 앱이 참조하는 라이브러리에서 메서드가 65,536개를 초과하면 앱이 Android 빌드 아키텍처의 제한에 도달했음을 알리는 빌드 오류가 발생합니다. 개발에 실수해서 생긴건 아니고 pjt에 포함된 메소드 개수가 65,536개가 초과되면 발생하는 오류 조치방법 : android/app/build.gradle에 설정 변경해주기 - 쿼리스냅샷을 가져오는데 시간이 걸려 null 오류가 발생하는 경우가 있다. 또는 가져오는동안 값이 바뀌지 않아 최초 초기화값인 0으로 표시되는 경우가 있다. 후자의 경우는 setState를 통해 설정을 바꿔주었는지 확인.. 2020. 7. 5.
Flutter webview widget 이용하기 앱 개발을 하게 되면 개발을 어떤식으로 할지 정해야 할 것이다. 정하는 갈림길에는 네이티브, 하이브리드(웹/앱), 웹뷰 등 크게 3가지로 볼 수 있다. Flutter는 네이티브를 지원(?)한다고 해야하나.. 나도 정확한 개념은 아직 모르지만 우선 웹뷰는 아니다. 웹뷰는 기존의 웹 방식으로 동작하는걸 앱에서 껍데기만 씌워서 껍데기 안에 웹으로 보여지도록 하는 방식이다. 내가 개발 중인 앱 중에 '책 구매하기' 등의 버튼을 클릭하면 인터파크의 책구매 사이트로 이동하도록 구현해야 하는데 이걸 굳이 Dart로 개발하려면 막막한데 웹뷰 라이브러리를 이용하여 나는 껍데기만 만들고 웹뷰로 보여주면 훨씬 수월하게 개발을 할 수가 있다. 아래의 준비과정 및 구현 방법을 통해 Flutter 내에서 웹뷰를 사용할 수 있다... 2020. 6. 27.
Flutter web project 만들어보기 1. web project를 만들기 위해 아래의 설정으로 변경하자. 나는 mac의 terminal에서 아래의 명령어를 실행시켰다. $ flutter channel beta $ flutter upgrade $ flutter config --enable-web 2. android studio를 통해 새로운 flutter project를 생성했다. 이제 기기선택에 보면 web이 보일 것이다. 2020. 6. 22.
모바일 개발 업무 절차 - (1) 프로젝트 착수 나는 이제껏 앱을 만드는 간단한 방법만 배워보았지만 실제로 구글스토어 등의 마켓에 등록을 했을 때 사용자가 증가할 만한 노하우나 성공을 위한 방법에 대해서는 아직 알지 못 한다. 그래서 앞서 성공한 앱 서비스 개발팀의 사례들을 찾아보고 앱 개발 과정에서 어떤 계획을 갖고 시작해야 할지에 대해 정보를 수집해 정리해 보고자 한다. 1. 개발/운영 프로세스 전체는 어떤 식으로 흘러가는가? 프로젝트 착수 : 성공가능성을 예측하고 계획을 수립하는 단계 아이디어 : 구체화 및 계획을 수립해보자. 경쟁 앱에 대한 분석을 통해 성공을 위한 앱의 포지셔닝을 해보자. 목표하는 사용자들의 분석을 하고 생각을 이해해보자. 앱에 대한 수익을 창출하는 방법에 대해 생각해보자. MVP를 정의해보자. UX Design : 앱 시나리.. 2020. 6. 21.
구글스토어 앱 버전업하기 앱을 처음으로 구글스토어에 배포까지 해보았는데 일부 변경사항이 생겨서 버전업이 필요했다. 그런데 내가 여러 번 겪은 상황은.. 구글스토어에 내 apk 파일을 업로드하는데 자꾸 오류가 나는 것이다. 이미 같은 버전이 있으니 버전을 올려서 다시 업로드하라는............. 나와 같은 문제를 겪은 사람이 있다면 아래의 내용을 보고 해결하기 바란다. 문제는 바로, Flutter에서 version 관리 방식때문이었다. 버전코드가 versionCode.toInteger() 등의 표현으로 저장되기 때문에 최초 1.0 에서 1.1로 변경했다고 버전코드가 변경된게 아니었다. 그냥 둘 다 1로 저장되고 있었던 것이다. 자, 소수점 제외한 숫자형으로 저장이 되므로 버전코드는 반드시 1, 2, 3, ... 과 같이 소.. 2020. 6. 18.
Flutter 개발환경 셋팅 - (windows 기준) 1. flutter 설치페이지로 접속해서 Windows 기준의 flutter sdk 를 다운로드 받자. https://flutter.dev/docs/get-started/install/windows Windows install How to install on Windows. flutter.dev 2. c:\dev\sdk\ 폴더 생성해서 그 안에 압축 풀기 사람마다, 상황별로 폴더를 어디에 위치시키고 압축을 풀어라 이야기가 달라서 스스로 판단해서 위치를 정하면 될 것 같다. 폴더를 정하는게 별거 아니긴 하나 중요하게 생각해야 할 이유는 PATH 설정이 필요하기 때문이다. (나는 그냥 압축 풀고 sdk 폴더로 옮김. 다 옮기면 path는 c:\dev\sdk\flutter\... 요렇게 되면 완료) ⭐️ PA.. 2020. 6. 10.
안드로이드 앱 구글스토어에 배포하기 1. 앱 서명하기 keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key 잘 생성되었다. 2. 앱으로부터 keystore 참조하기 배포용 앱을 빌드할 때 참조하기 위해 프로젝트의 android/ 폴더에 key.properties 파일을 생성한 후 다음과 같이 작성한다. storePassword= keyPassword= keyAlias=key storeFile= 3. build.gradle android 상단에 붙여넣기 // start of Gradle 서명 구성 def keystoreProperties = new Properties() def keystorePropertiesFile = rootP.. 2020. 6. 8.