728x90 반응형 분류 전체보기186 [Swift]JavaScript < ㅡ > Native 통신 JavaScript -> Native 함수 호출하기 지난 포스팅에서는 Kotlin에서 javaScript 통신 하는 방법을 알아보았습니다. 이번 포스팅에서는 Swfit에서 javaScript 통신 하는 방법을 알아보겠습니다. 기본적인 webView 셋팅은 생략하고 js통신에 필요한 셋팅만 짚고 넘어가겠습니다. ViewDidLoad() 에 javaScript native 간 통신을 위해 셋팅을 해주겠습니다. override func viewDidLoad() { super.viewDidLoad() webView.configuration.userContentController.add(self, name: "a") webView.configuration.userContentController.add(self, .. 2023. 2. 17. [kotlin] KaKao Link Share, 카카오톡 링크 공유하기 - 2 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 31 minSdk : 23 --------------------------------- 안녕하세요 전진시 입니당. 이번 포스팅 저번 포스팅에 이어 Android에서 카카오톡 링크 공유를 해볼거에요. 저번 포스팅에서 kakao link 공유를 위한 환경 셋팅을 끝냈으니 소스 구현을 해보겠습니다. 1. 먼저 템플릿을 구성합니다. 저는 kakao develop 사이트에서 feed sample을 사용하여 템플릿을 구성했습니다. 제 템플릿은 title, description, imageUrl, link(mobile url, web url)로.. 2023. 2. 17. [kotlin] KaKao Link Share, 카카오톡 링크 공유하기 - 1 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 31 minSdk : 23 --------------------------------- 안녕하세요 전진시 입니당. 이번 포스팅 주제는 Android에서 카카오톡 링크 공유를 해볼거에요. 일단 카카오 개발자 사이트에 프로젝트 생성하여 앱 package name 및 hash 값 등록했다는 전제하에 내용 작성하겠습니다. Native Key까지 가져온 상태로요 :D 제가 구현한 Kakao Link 공유는 webView에서 카카오톡 링크 버튼을 클릭하면 javaScript 통신으로 앱 함수를 호출하여 필요한 값들을 앱에 전달하여 작업하였습니.. 2023. 2. 17. [Flutter] Flutter의 UI 구조 지난 포스팅에 이어 Flutter UI 구조에 대해 알아보려 합니다. Flutter 프로젝트에 WebView를 추가한 소스 코드를 가져왔습니다. void main() => runApp(WebViewTestApp()); class WebViewTestApp extends StatelessWidget { const WebViewTestApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', home: WebViewPage(), ); } } class WebViewPage extends StatefulWidget { WebViewPage({Key.. 2023. 2. 17. [Flutter] Flutter 와 WebView 추가하기 flutter 개발에 입문하는 전진시입니다. 원래는 네이티브 방식으로 iOS와 android를 동시 개발중이었는데 제가 주로 개발하는 프로젝트들이 하이브리드 앱이기 때문에 크로스 플랫폼 방식인 flutter에 발 담궈보려 합니다. Flutter Flutter는 여러 플랫폼용 앱을 만드는 크로스 플랫폼 개발 프레임워크입니다. iOS와 android 뿐만 아니라 웹, 데스트 톱 앱 개발도 가능합니다. 처음엔 React Native로 개발을 하려고 했다가 Flutter로 전향했습니다. 이유는 환경셋팅에서 제대로 막혀서,,~ 환경셋팅하는데만 일주일 잡아먹은것 같은데 다른 분들은 어떻게 수월하게 진행한건지 너무 궁금합니다,,! flutter의 장점은 낮은 진입장벽 높은 네이티브 성농 예쁜 UI 이 있습니다. **.. 2023. 2. 17. [MAC] 단축키 정리 안녕하세요 전진시입니다. 이번 포스팅은 저에게 필요한 Mac 단축키를 정리했습니다. 맥단축키 CMD + A : 전체 선택 CMD + Z : 되돌리기 CMD + X : 자르기 CMD + C : 복사 CMD + V : 붙여넣기 CMD + W : 현재 창 닫기 CMD + Q : 선택된 프로그램 종료 CMD + H : 현재 창 숨기기 CMD + BackSpace : 해당 라인 지우기 CMD + 방향키 : 해당 방향의 끝으로 이동 CMD + Up : 해당 창 가장 위로 = Home 키도 동일하게 작동 CMD + Down : 해당 창 가장 아래로 = End 키도 동일하게 작동 CMD + Left : 선택된 텍스트라인 가장 왼쪽으로 CMD + Right : 선택된 텍스트라인 가장 오른쪽으로 CMD + Shift + .. 2023. 2. 17. [Android Studio] 레이아웃 성능과 그 종류와 특징들에 대해 이번 포스팅은 안드로이드 스튜디오에서 제공하는 레이아웃 성능과 그 종류와 특징들에 대해 간단히 적겠습니다! (사용법x!) 레이아웃 성능 먼저 레이아웃은 사용자 환경에 직접적으로 영향을 미치는 앱의 핵심입니다. 이 레이아웃이 올바르지 않게 구현되면 UI가 느려져 애플리케이션의 메모리가 부족해질 수 있습니다. 따라서 앱을 개발할 때 어떤 레이아웃을 선택하느냐 그리고 계층구조를 어떻게 잘 쌓냐는 매우 중요한 포인트입니다. 레이아웃의 성능을 올릴 수 있는 방법에는 레이아웃 계층 구조 최적화 로 레이아웃 재사용 과 같은 방법이 있습니다. 레이아웃 종류와 특징 Relative Layout Linear Layout Constraint Layout Frame Layout 안드로이드 개발에 사용되는 레이아웃 중 제가 자.. 2023. 2. 17. [Kotlin] Custom Dialog 사용하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 31 minSdk : 23 --------------------------------- 안녕하세요 이번 포스팅에서는 안드로이드 프로젝트에서 Custom Dialog 를 구현하겠습니다 준비물 - android studio, 손가락 AlertDialog 클래스를 사용할건데 Android dev 문서에는 "하나, 둘 또는 세 개의 버튼을 표시할 수 있는 Dialog의 하위 클래스입니다" 라고 정의하네요 먼저 AlertDialog의 객체를 생성해줍니다. 함수를 호출하면서 실행 전에 객체를 초기화할테니 일단 null 값을 줍시다. var a.. 2023. 2. 17. [SWIFT] WebView 생성하기 안녕하세요 이번 포스팅에서는 Xcode 프로젝트에서 swift로 webView를 하나 만들어볼까 합니다 WKWebView WKWebView는 iOS dev 문서에 따르면 "인앱 브라우저와 같은 대화형 웹 콘텐츠를 표시하는 개체입니다." 라고 합니다. 웹 콘텐츠를 앱 UI에서 보여주기 위한 도구로 보면 되겠네요 그러면 webView를 생성해보겠습니다 먼저 Xcode에서 프로젝트 생성하고 storyBoard에 webView 하나 넣어줍시다. webView를 사용하기 위해 WebKit 프레임워크를 사용할거에요. "WebKit는 웹 컨텐츠를 앱 컨텐츠에 통합시키는 역할을 합니다" webView를 띄울 파일에 WebKit를 import 해줍니다. import WebKit StoryBoard에 있는 webView .. 2023. 2. 17. [Kotlin] SharedPreferences 사용하기 오늘 포스트는 SharedPreferences 에 대해 작성하겠습니다 iOS의 UserDefaults와 같은 개념입니다. SharedPreferences 안드로이드를 사용하다보면 DB에 데이터를 저장해야할 때가 많습니다. 예를들어, 로그인을 할 때 앱 재실행 시 최근 로그인 한 아이디를 표시하기 위해 아이디 저장 여부가 필요할 때 DB에 저장할 필요가 없이 앱 내부에 저장을 하면 됩니다. 이때 사용하면 좋은 것이 SharedPreferences입니다. SharedPreferences 는 앱 내부에 값을 저장할 수 있는 메서드를 제공합니다 전 최근에 다국어처리를 하면서 선택된 값을 앱 내부에 저장하고 앱을 껐다 켜도 전에 선택했던 값을 꺼내올 수 있어야 했기 때문에 사용했습니다 SharedPreferenc.. 2023. 2. 17. [mac] homebrew 설치 및 제거 전진시입니다 지금 react-native 환경을 셋팅하면서 난항을 겪고 있어요 ruby 2.7.5 를 설치해야하는데 설치를 못하고 있습니다 ! 으악 homebrew 설치 방법은 간단해요 https://brew.sh/ Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 위 사이트에 스크립트를 복사하여 터미널에 입력합시다 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 설치 완료 그렇다면 제거는 ?? /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebr.. 2022. 12. 14. Cause: failed to decrypt safe contents entry: javax.crypto.BadPaddingException: Given final block not properly padded Cause: failed to decrypt safe contents entry: javax.crypto.BadPaddingException: Given final block not properly padded --> 비밀번호 해독을 못했다는건데 저의 경우엔 aab파일을 생성할 때 keysotre 비번 적어둔 것을 복붙해서 발생한 에러였습니다. 한번 수동으로 쳐주면 될거에오 2022. 12. 13. 이전 1 ··· 7 8 9 10 11 12 13 ··· 16 다음 728x90 반응형