🕶️ State에 관한 고찰 Flutter에서 Widget은 꼭 필요한 요소이다. Flutter에서 UI 구성요소 == Widget이라고 보아도 무방하다. 모든 widget은 자신이 stateless widget인지 stateful widget인지 결정을 해줘야 한다. 일단 Widget의 종류를 알기 위해 가장 먼저 알아야 할 선수 지식이 있다. 바로 State(상태)이다. 예를 들어 타이머 앱이 있다고 생각 하자. 타이머 앱에 있는 StopWatch는 1초마다 화면을 전환 해줘야 한다. 나의 focus it에서 class timerPage extends StatefulWidget { const timerPage({Key? key}) : super(key: key); @override _timerPage..
PUB.DEV Cross Flatform Framework의 장점을 꼽자면 ReactNative와 Flutter의 방대한 오픈 소스이다. Flutter 개발자들 사이에선, Widget과 패키지를 레고처럼 조립하면 앱이 완성된다고 한다. The official package repository for Dart and Flutter apps. pub.dev는 dart와 flutter의 공식 패키지 저장소라고 볼 수 있다. ✔ Flutter 패키지 추가 방법 Example) permission_handler 패키지 설치하기 pubspec.yaml 파일에 버전을 기록한다. name: description: A new Flutter project. # 다음은 앱 버전 및 빌드 번호를 정의합니다. # 버전은 점으로..
🚀Flutter 개요 Cross Flatform Framework중 현재 가장 인기 있는 프레임워크는 구글에서 개발한 Flutter이다. Cross Flatform Framework란 안드로이드, ios를 하나의 코드베이스로 개발할 수 있는 효율적인 개발 프레임워크인데, 대표적으로 Microsoft의 Xamarin, Meta의 React Native, Google의 Flutter가있다. Flutter React Native Xamarin 회사 Google Facebook (Meta) Microsoft 개발 언어 Dart JavaScript C# 출시 년도 2017 2015 2011 장점 제일 높은 성능, 낮은 진입 장벽, Hot Reload, 수많은 오픈소스 패키지, 한글 및 영어 레퍼런스 JS언어 기반..
오늘자 기준 최저가 117810원인 로지텍 엠엑스 버티컬 마우스 리뷰이다. 나 같은 경우 일단 마우스 자체에 돈을 아주 많이 투자 해 왔다. G pro superlight를 메인으로 사용 하고 있던 나는 63그램의 매우 가벼운 무게도 좋다만, 손목 보호를 위해 mx master 3또는 mx vertical을 구매하기로 했다. 일단 나는 logitech flow를 사용 해야 했다. 맥과 윈도우를 같이 사용 할 일이 많을 것 같았기 때문이다. 하지만 정가 약 12만원짜리 사무용 마우스에 로지텍 플로우가 정식 지원 하지 않는다는 글을 보고 나는 적잖은 충격을 받았다. https://www.logitech.com/ko-kr/product/options/page/flow-multi-device-control Lo..
일단 백엔드를 배우고 파베를 하자. 파이어베이스... 뭐 좋지만 딱 프로토타입 제작용이다 라는 말이 딱 맞는 것 같다. 근데 아직 백엔드 할 줄 모르나, 제작은 해야 하니 파이어베이스 9으로 제작 해보았다. 일단 Create(만들기)와 Read(읽기)가 가능한 게시판 폼을 제작해보았다. BoardAdd.Vue 글 쓰기 작성자 제목 내용 글 작성 v-model로 데이터를 넘겨 줄 수 있도록 html사이드에서 제작 해주었다. 폼은 bootstrap 5로 제작 해주었다. 폰트나 디자인은 나중에 수정 해야한다... 사진이나 파일 넣는 기능또한 넣어야 하기 떄문에 글 쓰기 페이지 디자인은 나중에 다시 할 필요가 있다. 스크립트 사이드를 확인 해보자. 이 또한 firebase 9이 되면서 문법이 새롭게 바뀌었다. ..
이제부터 백엔드쪽 기능들을 건들여볼까 했다. 근데 나는 아는 것이 없었기에.. 플러터에 사용해봤었던 파이어베이스로구축 해볼까 했다. 그냥 대충 구글링해서 파베 쓰면 되겠지 했었던 나는 죽어있었고.. 문제점은 파이어베이스 9, Vue 3로 넘어오면서 두 친구 다 문법이 상당히 많이 변경 되었다는 점이다. 나는 이를 알 리가 없었고, 진짜 시간 많이 잡아 먹었던 것 같다. 결국엔 구현 했다는 것이 중요한 거 아니겠나? 회원 가입 페이지 부터 천천히 알아보자. 회원가입 이름 이메일 주소 이메일은 타인에게 유출되지 않으며, 로그인 시에만 사용 됩니다. 비밀번호 회원가입 bootstrap 5를 통하여 간단한 로그인 페이지를 만들어주었다. 당연히 container로 묵여있기 때문에 반응형이 되는 웹이다. 파베 9으..
먼저 학교장 인사말부터 작업 시작 했습니다. 원래의 이사장 인사말 디자인도 뭐 나쁘지 않지만 일단 사진 업데이트 및 폰트설정을 했다. 글은 그대로 가져오고 모바일 웹과 대응 가능하도록 제작하였다. 학교장 인사말 지난 30여 년간 목회를 하면서 느낀 것은 교회학교(Sunday School)의 중요성입니다. 그러나 제한된 시간과 환경 속에서 학생들을 하나님께서 원하시는 하나님의 사람으로 양육하는 것은 무척 어렵고 고민스러운 문제였습니다. 일주일에 6일 동안 복음과는 거리가 먼 세상의 환경에서 교육을 받으며, 세상의 교육에 우리 자녀들의 삶과 미래를 맡길 수 밖에 없음을 늘 안타깝게 생각해 왔습니다. 여러 나라의 선교현장을 보면서, 자녀들에게 다양한 언어를 어릴 때부터 가르쳐 세계적인 지도자(Global Le..
https://apis.map.kakao.com/ 카카오 지도 API는 무료로 제공되고 있다. 지도 API KEY를 등록하면 바로 사용할 수 있도록 되어있다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 디벨로퍼 홈페이지에서 API 키를 받고 무료로 사용 할 수 있다. 지도뿐만 아니라 카카오톡 채널, 로그인 메시지 등등 다양한 서비스도 무료로 제공하고 있다. 다음과 같은 api key를 발급 받아야 지도로 사용할 수 있다. 이런 식으로 스크립트를 가져오면 된다. var contain..
