본문 바로가기

프로그래밍/Flutter & Dart60

카톡화물 개인정보 처리방침 ('http://kyungsnim.net'이하 '카톡화물')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2022년 2월 9일부터 적용됩니다. 제1조(개인정보의 처리 목적) ('http://ckl.kr'이하 '카톡화물')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 1. 홈페이지 회원가입 및 관리 회원 가입의사.. 2022. 2. 14.
학원강사 구인구직 개인정보 처리방침 ('http://kyungsnim.net'이하 '학원강사 구인구직')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2022년 1월 5일부터 적용됩니다. 제1조(개인정보의 처리 목적) ('http://kyungsnim.net'이하 '학원강사 구인구직')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다.. 2022. 1. 5.
요양사 구인구직 개인정보 처리방침 ('http://kyungsnim.net'이하 '요양사 구인구직')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2022년 1월 3일부터 적용됩니다. 제1조(개인정보의 처리 목적) ('http://kyungsnim.net'이하 '요양사 구인구직')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 1... 2022. 1. 4.
필라테스 구인구직 개인정보 처리방침 ('http://kyungsnim.net'이하 '필라테스 구인구직')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2021년 12월 23부터 적용됩니다. 제1조(개인정보의 처리 목적) ('http://kyungsnim.net'이하 '필라테스 구인구직')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니.. 2022. 1. 3.
배송 구인구직 개인정보처리방침 ('http://kyungsnim.net'이하 '배송구인앱')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2021년 12월 23부터 적용됩니다. 제1조(개인정보의 처리 목적) ('http://kyungsnim.net'이하 '배송구인앱')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 1. 홈페이지 회원가.. 2022. 1. 2.
급구 알바 개인정보 처리방침 ('http://kyungsnim.net'이하 '급구알바')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2021년 12월 23부터 적용됩니다. 제1조(개인정보의 처리 목적) ('http://kyungsnim.net'이하 '급구알바')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 1. 홈페이지 회원가입 및 관리.. 2022. 1. 2.
Flutter 구글 로그인 Trouble shooting, PlatformException(sign_in_failed, com.google.android.gms.common.api.ApiException: 10: , null, null) Flutter 구글 로그인 구현 중 PlatformException(sign_in_failed, com.google.android.gms.common.api.ApiException: 10: , null, null) 에러를 만나게 된다면... Flutter로 많은 앱들을 개발하며 구글 로그인도 접해왔지만 가끔 구현 중에 이상하게 로그인이 안되던 이슈들이 생긴 적이 있었다. 그 때마다 어떻게 해결했는지는 정확하게 기억하질 못해서, 얼마 전까지 이유는 모르지만 열심히 구글링한 덕분에 해결했다는 뿌듯함만 남긴 채 기억에서 지워지곤 했었는데, 이번에도 비슷한 상황이 벌어졌고 꼭 정리를 하고 넘어가야겠다고 판단해서 포스팅을 해보기로 한다. 어떤 현상인가? 구글 로그인 버튼을 누르고 아이디 / 패스워드 입력까지 마친.. 2021. 11. 4.
Flutter 동적 링크(Dynamic Link) 및 카카오톡 공유(Link API) 조합하기 Dynamic Link와 Kakao Link API 를 이용하여 특정 게시글에 대해 카카오톡으로 공유하는 실습을 진행해보도록 하겠다. 오랜만의 Flutter 실습 예제에 대한 기록을 남기려고 하는데, 남기는 이유는 정말 오랜만에 내가 구현해보지 않은 기능을 배우는데 꽤 오랜시간 삽질을 하게 돼서, 다음 번에는 이런 삽질을 좀 덜 하고자 잘 정리해 두고자 한다. 해당 기능은 특정 게시글에서 공유하기 등의 버튼을 통해 카카오톡으로 메시지를 전달하는 기능으로 요약해보면 아래와 같은 모습이다. 해당 기능이 동작하기 위해선 아래의 작업들이 필요하다. 최대한 상세히 정리해둘테니 참고가 필요한 분들에게 도움이 되었으면 하는 바람이다. 카카오톡 링크 사용을 위한 설정 (Link API) Firebase 동적 링크 사용.. 2021. 9. 15.
Firebase project 생성 및 Android, iOS 앱 추가하기 Flutter를 이용하여 앱을 개발하게 되면 Firebase는 기본적으로 사용 방법을 알아두는 것이 좋다. Project 생성부터 Android, iOS 앱 추가하는 간단한 방법을 짚고 넘어가도록 하겠다. Firebase project 생성 Android 앱 추가 iOS 앱 추가 Firebase project 생성 - Firebase 사이트 접속 Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com - Firebase 시작하기 - 신규 프로젝트 추가하기 - 애널리틱스 사용여부 결정하기 (해도 되고 안 해도 된다.) - 애널리틱스 구성 확인하기 Flutter project 생성 - test.. 2021. 9. 15.
Flutter로 타이머앱 만들기 구현해야 할 것들 - 0.01초 단위로 늘어나는 타이머 - 기록 버튼을 눌렀을 때 저장되는 순간 시간 - 시작/일시정지 버튼 - 시간 초기화 버튼 1. UI 만들기 - 시간을 나타내는 부분은 Text위젯이 필요 (second, millisecond) - 저장되는 순간 시간이 보여질 ListView 위젯 - 시작/일시정지 버튼, 시간초기화 버튼, 기록 버튼 2. 기본 화면 구성 (앱바, 바텀네비게이션바, 플로팅액션버튼) import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @ov.. 2021. 8. 30.
Flutter 내비게이션 위젯 정리 앱을 사용하다보면 다른 화면으로 전환하고 이전 화면으로 돌아가는 등의 액션을 하게된다. 1. 다른 화면으로 이동하는 방법 사전작업 : MainPage, SubPage 2가지 화면 - Navigator 클래스의 push() 메소드 이용 : 첫번째 인수 context, 두번째 인수 MaterialPageRoute 필요(머터리얼 디자인 화면간 전환) - builder 프로퍼티에 이동할 페이지 나타내줌 - push() 메소드를 이용하면 메모리에 기존 화면이 계속 남아 있으므로, SubPage에서는 push()가 아닌 pop()메소드를 이용하자. * pop() : 현재 화면을 종료하고 이전 화면으로 돌아간다. // 메인 페이지 class MainPage extends StatelessWidget { @overr.. 2021. 8. 30.
Flutter 이벤트, 애니메이션 위젯 정리 요약 : GestureDetector, InkWell, Hero, AnimatedContainer, SliverAppBar/SliverFillRemaining/SliverList GestureDetector, InkWell - 텍스트나 이미지 등 이벤트효과 없는 위젯을 감싸서 onTap 등의 이벤트를 줄 수 있다. Hero - 화면 전환시 자연스럽게 연결되게 하는 애니메이션 위젯 (이미지 클릭하면 상세화면 보여줄 때 사용) - 두 페이지를 Hero위젯으로 연결 - tag를 동일하게 사용해서 연결시켜줌 class _MyHomePageState extends State { var _selectedTime; @override Widget build(BuildContext context) { return Sca.. 2021. 8. 23.
Flutter 다이얼로그 위젯 정리 사용자의 확인을 요구하거나 팝업메시지 등을 표시해주고 싶을 때 사용하는 다이얼로그 위젯에 대해 정리해보자. 요약 : AlertDialog, DatePicker, TimePicker AlertDialog - title : 제목 영역 - content : 내용 영역 - SingleChildScrollView, ListBody를 이용하면 스크롤 동작 가능 - action 프로퍼티에는 버튼 적용 - Navigator.of(context).pop() : 다이얼로그 닫기 class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget... 2021. 8. 23.
Flutter 입력 관련 위젯 글자, 체크박스, 스위치, 라디오, 드롭다운 등 여러가지 입력에 대한 위젯을 정리해보자. 요약 : TextField, CheckBox, Switch, Radio/RidioListTile, DropDownButton, TextEditingController, Form, TextFormField TextField return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Column( children: [ Spacer(), TextField(), // 그냥 밑줄 Spacer(), TextField( decoration: InputDecoration( labelText: 'Input Text' // 입력 힌트 ), ), Spacer(), Text.. 2021. 8. 23.
Flutter 크기/위치/정렬 관련 위젯 화면을 구성한 위젯의 크기, 위치, 정렬 등을 할 때 쓰이는 위젯에 대해 알아보자. 요약 : Center, Expanded, SizedBox, Card Center return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Center( child: Container( color: Colors.blue, width: 200, height: 200 ) ) ); Expanded return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Column( children: [ Expanded( flex: 3, // 비율 child: Container( color: Colors.pinkA.. 2021. 8. 23.
Flutter - View, Bar 위젯 Flutter로 앱개발을 하기 위해선 화면에 보여지는 위젯들을 입맛에 맞게 잘 구현할 줄 알아야 한다. 자주 사용되는 위젯을 정리해 보자. 요약 : SingleChildScrollView, ListView, GridView, PageView, AppBar/TabBar/TabBarView, BottomNavigationBar SingleChildScrollView Column 또는 ListBody를 이용해 위젯을 아래로 쭉 나열하다 보면 화면 크기를 넘어갈 때가 있다. 이 때 스크롤이 필요한데, SingleChildScrollView를 사용해보자 class _MyHomePageState extends State { static const TextStyle optionStyle = TextStyle(font.. 2021. 8. 23.
Flutter & Dart 관련 사이트 1. 블로거 게시글 https://medium.com/flutter-korea/flutter-%EC%BD%94%EB%93%9C%EB%9E%A9-%EA%B0%80%EC%9D%B4%EB%93%9C%EB%9D%BC%EC%9D%B8-b0f4854ddbd5 Flutter 코드랩 가이드라인 이 글은 2019년 6월 29일 (토) 진행 예정인 Flutter 코드랩을 위한 가이드라인입니다. 지난 글과 마찬가지로 해당 코드랩에 참여하지 않아도 이 글을 통해 Flutter에 입문하실 수 있습니다. medium.com https://medium.com/flutter-korea/flutter-vscode%EB%A1%9C-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-edbe44a178c5 Flutter, .. 2021. 8. 22.
[Flutter] pub.dev 유용한 패키지 목록 유용한 패키지들 정리 (계속 추가해나갈 예정) 유용한 패키지 공유하자 #1. photo_view #1. photo_view - 사진 확대할 때 유용하게 쓰임 - Flutter를위한 간단한 확대 / 축소 가능한 이미지 / 콘텐츠 위젯. - PhotoView를 사용하면 핀치, 회전 및 드래그와 같은 사용자 제스처로 이미지를 확대 / 축소하고 이동할 수 있습니다. - 또한 컨테이너, 텍스트 또는 SVG와 같은 이미지 대신 모든 위젯을 표시 할 수 있습니다. - 사용하기 매우 간단하지만 PhotoView는 옵션과 컨트롤러를 통해 매우 사용자 정의 할 수 있습니다. 2021. 6. 26.
Flutter 문제해결 : Http 통신을 Dio 통신으로 바꾸었을 때의 차이점 Flutter에서 서버에 요청을 날려 json 형식의 데이터로 받아오는데 Http와 Dio 두 가지 통신방법에 따른 차이를 알아보자. 알고 보면 별거 아닌데 모르고 보면 몇 날 며칠을 고생할 수 있는..........나는 실제로 그랬음....... Http로 되어 있는 소스를 Dio 로 변경하려는데 json 데이터 encode, decode는 기존에 많이 쓰는 소스를 가져다 쓰던 편이라 별 생각없이 썼었는데, 그러다보니... 이번 Dio 변경시 많은 시행착오를 겪게 되었다. 나중을 위해 정리해 두겠다. 바로 실습 캡쳐화면을 보겠다. Http로 요청을 날렸을 때와 Dio로 요청을 날렸을 때 json 데이터는 어떤 차이가 있을까? 1. 우선 Http로 리턴받은 데이터의 형식은 아래와 같다. [{"id":"2.. 2021. 6. 12.
[Flutter] Docker, php, mariaDB를 이용한 서버구성 및 CRUD 구현 - (2) 이전 시간까지 docker, nginx 등에 대해 간단히 알아보았고 php, mariaDB를 이용해 백엔드를 구성하고 Flutter와 연동해보자. Flutter에서 백엔드 DB의 데이터를 불러와 보여주고 기본적인 CRUD 동작을 실습해보자. 이번 시간에는 실제 Flutter 소스를 구현하고 데이터를 DB와 연동하는 부분을 구현해보도록 하겠다. #1. Flutter 화면 구성 #2. php API 파일 구성 #3. 동작 테스트 #1. Flutter 화면 구성 Flutter 프로젝트를 하나 생성해주자. 기존 docker 폴더와 같은 위치에 생성해보겠다. 나는 현재 docker 폴더를 flutter_api_example 하위에 위치하도록 만들었었다. flutter 프로젝트도 생성시 flutter_api_exa.. 2021. 6. 11.
[Flutter] Docker, php, mariaDB를 이용한 서버구성 및 CRUD 구현 - (1) 이전 시간까지 docker, nginx 등에 대해 간단히 알아보았고 php, mariaDB를 이용해 백엔드를 구성하고 Flutter와 연동해보자. Flutter에서 백엔드 DB의 데이터를 불러와 보여주고 기본적인 CRUD 동작을 실습해보자. 그 중 docker 환경설정 및 DB 테이블 생성하는 것까지 진행해보겠다. (다음 편은 flutter와 실제 연동) #1. docker 설치 및 환경설정(docker-compose.yaml, php.ini, nginx.conf 등의 파일 구성) #2. DB 테이블 구성 (student 테이블) #0. 시작 전 최종 구현 화면 설명 - mariaDB에 있는 mydb의 student 테이블에는 id, name, age 3개의 컬럼을 가진 데이터가 있다. 해당 데이터를 C.. 2021. 6. 5.
Flutter 문제해결 : Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema flutter doctor 의 결과 중 android sdk 를 찾지 못했을 때 해결 방법에 대해 알아보자. (feat) Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema 터미널에서 flutter doctor 명령어를 수행했더니 Android toolchain에 문제가 있나보다. 해결방법 : 환경변수 설정을 추가해줘야 한다. // 터미널(mac) 또는 cmd(windows)에서 아래 명령어 입력 flutter config --android-sdk /Users/${Users}/Library/Android/sdk 설치가 되었다면 flutter doctor 실행해보자. 자 명령어를 입력해보자.. 2021. 5. 27.
FVM를 이용한 Flutter 버전 걱정 없이 사용하기 Flutter 2.0이 나온지 2개월이 넘어 가는 시점이다. 나는 아직 Flutter 1.22.6 버전에 머물러 있다. 업데이트 하기가 겁난다랄까... 그런 도중 FVM 이라는 것을 알게되어 내용을 정리하고자 한다. FVM ? Flutter Version Management 플러터의 버전을 관리해주는 것인데, 내 피씨에 여러개의 프로젝트들이 있다면 FVM을 이용해 각 프로젝트마다 다른 Flutter version을 사용할 수 있게 도와준다. 기본 환경 설정은 별거 없다. https://github.com/leoafarias/fvm leoafarias/fvm Flutter Version Management: A simple CLI to manage Flutter SDK versions. - leoafari.. 2021. 5. 24.
Android studio에서 내 아이폰이 감지되지 않는다면? 아래 설정을 터미널에서 수행하고 IDE를 재시작하니 아이폰이 감지되었다. export PATH=$HOME/Library/Android/sdk/platform-tools:$PATH Android studio restart 자, 그래도 되지 않는다면!!!??? iPhone 재부팅 하고 다시 연결해보자! 나는 이렇게 해결 되었다 ^^^^ 2021. 5. 21.
Flutter iOS 푸시 알림(FCM) 이거 보고 바로 설정하자. Flutter 앱개발자를 위한 iOS 푸시 알림 설정하는 방법에 대해 알아보자 Apple Developer 사이트에서 APNs 등록을 위한 Certificate 및 Key 생성하는 방법에 대해 나온다. #1. Apple Developer 사이트 내 App등록/Certificate 생성(CSR 필요) #2. Firebase 프로젝트 설정 (APN 인증키, APN 인증서 업로드) #3. XCode 설정 추가 iOS의 경우 APNs 라는 서비스가 별도로 있다. 만일 Firebase에서 푸시를 날리게 되면 안드로이드의 경우 앱에서 바로 알림이 오지만 iOS의 경우엔 APNs 를 거쳐서 앱으로 알림이 전달되게 된다. 때문에 APNs 를 중간다리로 연결시켜주는 작업이 필요하며 아래의 방법대로 잘만 따라온다면 어려울.. 2021. 5. 11.
5분만에 Flutter 앱에 Admob 광고 달기 Flutter 앱 안에 애드몹 광고 달기 admob_flutter 패키지를 이용해 배너광고, 전면광고, 보상형광고 등 앱에 달 수 있는 광고를 달아보자. #1. admob_flutter 패키지 pubspec.yaml 파일에 추가 #2. 애드몹 앱, 광고단위 만들기 #3. Android, iOS 기기별 환경설정 #4. 광고별로 내 앱에 적용하기 #1. admob_flutter 패키지 pubspec.yaml 파일에 추가 - 사용할 패키지를 pub.dev 페이지에 이동해 버전을 확인해주자. 나는 1.0.1 버전으로 추가해주었다. - 프로젝트 내의 pubspec.yaml 파일에 패키지 버전을 포함해 추가한 후 pub get을 실행시키자. #2. 애드몹 앱, 광고단위 만들기 - 애드몹 페이지로 이동하고 로그인하자.. 2021. 3. 30.
Release 버전(.apk)에서 구글 로그인이 되지 않을 때 대처법 Debug 모드에서 테스트할 땐 잘 되던 구글 로그인이 Release를 위해 apk 설치파일로 변환 후 테스트기기에 설치하고 구글 로그인을 했을 때 이상하게 로그인이 되지 않는 현상이 발생했다. 사실 아직도 원천적인 원인을 알아내진 못했으나... 왜냐하면, 여러 앱들을 구글스토어에 배포해보았지만 이런 경우는 처음이었기 때문... 여튼, 본론으로 돌아가서 디버그 모드에서 빌드할 때 잘 되던 구글 로그인이! 스토어 배포를 위해 릴리즈 apk 로 떨궜을 때,(flutter build apk 명령어) 해당 설치파일을 안드로이드 폰에서 설치하고 실행하니 구글 로그인이 전혀 동작하지 않았다. 구글링을 해본 결과 해결책은 아래와 같으니 나와 같이 삽질했던 사람이라면 부디 도움을 얻고 가시길 바란다. 원인 : key... 2021. 3. 25.
3분만에 Flutter 구글/앱스토어 업로드용 앱 아이콘 만들기 아주아주 간단하고 심플하게 스토어에 올릴 앱 아이콘 만들기 따라하면 3분만에 앱 아이콘을 변경할 수 있다. #1. web_hi_res_512.png 대표아이콘 생성하기 #2. flutter_launcher_icons 패키지 추가하기 #3. 단숨에 아이콘 생성하기 #1. web_hi_res_512.png 대표아이콘 생성하기 - App icon 을 생성해주는 아래의 링크로 이동하자. Android Asset Studio - Launcher icon generator romannurik.github.io - 이미지 선택해서 추가하기 - 이미지가 정상적으로 로드된 것을 확인하자. - 우측 상단 다운로드 버튼을 클릭해 아이콘 set 을 저장하자. - 다운로드 받으면 ic_launcher.zip 파일로 받아질 것이.. 2021. 3. 16.
Flutter iOS 애플 로그인 기능(Sign in with apple) 구현하기 오늘의 목표 앱 로그인시 Apple 로그인 기능 구현하기 #1. Firebase Authentication > Apple sign in 활성화하기 #2. Firebase hosting 시작하기 > URL 기억해두기 #3. Flutter 에서 Apple with sign in 코드 작성하기 (낱낱이 파헤쳐보자) iOS앱은 로그인화면에 구글/페이스북/트위터 등 다른 SNS로그인 버튼이 있는데 애플로그인을 추가하지 않으면 앱스토어에 앱을 등록할 수 없다는 정책이 있기 때문에 이번 기회를 계기로 애플 로그인 기능을 추가해보고자 한다. 차근차근 하나하나 따라해보자. #1. Firebase Authentication > Apple sign in 활성화하기 Firebase의 Authentication 플랫폼은 로그인.. 2021. 3. 9.
매우 간단하게 Firebase Hosting 시작하기 Firebase를 이용하면 무료로 Hosting 이 가능하다. 본인의 웹페이지를 만들고 싶거나, 개인정보 처리방침 등의 static한 페이지를 만들거나, 앱에서 애플 로그인을 구현할 때 등 많은 상황에서 호스팅 기능이 필요하다. 아래의 방법대로 아주 간단하게 Firebase 의 hosting 기능을 사용해 보도록 하자. 우선 Firebase 콘솔로 이동하여 Hosting 메뉴를 클릭하자. https://firebase.google.com Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com 프로젝트가 없다면 이 참에 하나 생성하자. 프로젝트 생성을 하고 들어가면 왼쪽 메뉴 중 Hostin.. 2021. 3. 9.