개발 썸네일형 리스트형 [자바스크립트] 템플릿 리터럴 - 변수를 문자열로 변환 전통적인 방법은 각 부분을 + 기호를 연결하는 것이다. 예제 function createLink(image, width) { const widthInt = parseInt(width, 10); return 'https://' + getURL() + '/' + image + '?width=' + widthInt; } 굉장히 복잡해 보인다. 라우팅이 더 길거나 매개변수가 더 추가 된다면 함수가 훨씬 길엊리 수 있다. 템플릿 리터럴을 사용하면 복잡도를 줄일 수 있다. 템플릿 리터럴은 따옴표 또는 상따옴표 대신 백틱(back-tick)(`)을 사용하고 $ 기호와 중괄호로 변수나 다른 자바스크립트 코드를 감싸서 사용한다. 템플릿 리터럴 사용 예제 function createLink(image, width) { r.. 더보기 자바스크립트 const, let, var 의 차이점과 사용 예제 const const 는 블록의 문맥 내에서 재할당 할 수 없는 변수. 즉 한 번 선언하면 변경할 수 없다. * const 사용 시 이점: 값이 변경되지 않으므로 긴 소스를 읽을 때 해당 변수가 변경될 염려가 없으므로 코드 읽기가 쉬워짐. const 예제 const gstRate = 0.2; const total = 100 + (100 * gstRate); // after 100 lines return `Total amount to pay is ${total}.`; var 예제 var gstRate = 0.2; var total = 100 + (100 * gstRate); // after 100 lines return `Total amount to pay is ${total}.`; var를 이용해서 값을.. 더보기 냉장고 관리 앱 - 인더프리지 최근에 Flutter를 이용해 냉장고 관리 어플을 개발했다. 예쁜 음식 아이콘을 선택하여 냉장고 음식을 기록할 수 있어서 매력적인 어플이다. 메인화면에서 입력한 음식들을 어서 먹어야할 음식 순서대로 보여준다. 냉동실이나 냉장고를 눌러서 들어가면 상세히 볼 수 있다. 냉장고 화면 - 예쁜 아이콘들이 가득해서 음식 입력하는 재미가 있다. 아이콘에 없는 음식들은 사진을 업로드해서 입력 가능하다. 오른쪽 귀여운 딸기 버튼을 누르면 음식 아이콘들이 카테고리에 따라 보여진다. 이 앱의 특징 중 하나는 쇼핑목록을 작성한 후 구매버튼을 누르면 냉장고에 자동으로 입력이 된다는 것이다. 장보기 후 음식 관리를 편하게 연동할 수 있다. 음식의 유통기한을 등록하고 알림기한을 설정해놓으면 시간에 맞춰 미리 알려준다. 자주 깜박.. 더보기 Flutter 알림 설정 Flutter 에서 알림 기능을 지원하는 좋은 플러그인이 있다. pub.dev/packages/flutter_local_notifications flutter_local_notifications | Flutter Package A cross platform plugin for displaying and scheduling local notifications for Flutter applications with the ability to customise for each platform. pub.dev 우선 플러그인을 pubspec.yaml 파일에 추가한다. 현재는 5.0.0+1 버전이 최신 버전이다. flutter_local_notifications: ^5.0.0+1 현지 시간에 맞추기 위해서 flutt.. 더보기 Flutter Android/iOS 앱 이름 현지화 Flutter 에서 현지 언어로 앱 이름을 설정하는 일은 Android, iOS 네이티브 소스에서 진행해야 한다. 우선 비교적 간단한 안드로이드 먼저 변경해보자. 안드로이드 설정 android/app/src/main/res 에서 values-언어코드 형식으로 폴더를 만들어 준다. 아래는 영어(values-en), 일본어(values-ja), 한국어(values-ko)를 추가한 화면이다. 각각의 폴더 안에 strings.xml 파일을 만든다. 그리고 app_name 태그 안쪽에 언어 별로 앱 이름을 적어주면 된다. 기본적으로 포함되어 있는 values 폴더의 strings.xml 파일에도 동일하게 아래와 같이 넣어 두었다. inTheFridge android/app/src/main/AndroidManife.. 더보기 Flutter AdMob 광고 달기 앱에 AdMob 광고를 적용하는 일은 꽤나 복잡하다. 따라서 오늘은 적용한 내용들을 정리해 보고자 한다. AdMob Android/iOS 앱 추가 일단은 AdMob에 가입이 되어 있어야 한다. admob.google.com/intl/ko/home/ Google AdMob: 모바일 앱 수익 창출 인앱 광고를 사용하여 모바일 앱에서 더 많은 수익을 창출하고, 사용이 간편한 도구를 통해 유용한 분석 정보를 얻고 앱을 성장시켜 보세요. admob.google.com AdMob에 가입하고 새로운 앱을 추가한다. 왼쪽의 앱을 선택하면 앱 추가 버튼이 보인다. 눌러보자. 그러면 app-abs.txt 를 추가해야 한다는 말이 나오면서 광고 단위를 추가할 수 있다. 광고 단위 만들기를 선택한다. 가볍게 배너 광고를 추가.. 더보기 Flutter Webview Flutter 앱에서 웹뷰 띄우기 개인정보 보호 페이지와 같은 화면을 링크하기 위해서는 웹뷰를 이용하는 것이 좋은데요. 플러그인을 이용해 쉽게 웹뷰를 띄울 수 있습니다. pub.dev/packages/webview_flutter webview_flutter | Flutter Package A Flutter plugin that provides a WebView widget on Android and iOS. pub.dev 우선 pubspec.yaml 파일에 플러그인을 추가합니다. webview_flutter: ^1.0.7 웹뷰를 보여줄 파일 하나를 생성하고 상단에 플러그인 링크를 연결합니다. import 'package:webview_flutter/webview_flutter.dart'; 구현은 아주 간.. 더보기 [Flutter 어플] 크리스천의 평범한 삶 (크평삶) 최근에 Flutter 와 PHP 를 이용해 만든 어플입니다. 한국어와 영어를 제공합니다. https://christian-life.xyz/support/?language=ko 크리스천의 평범한 삶 Contact Us 문의사항이 있으시면 언제든지 연락주세요. 확인 후 최대한 빠르게 연락드리겠습니다. Email : christianlifemanager@gmail.com christian-life.xyz 애플 스토어와 안드로이드 플레이 스토어에서 무료로 다운 받으실 수 있습니다. 애플 스토어: apps.apple.com/app/christians-ordinary-life/id1541923467 Christian's Ordinary Life Do you want to meditate and pray at a.. 더보기 이전 1 2 다음
