본문 바로가기

개발노트182

[Kotlin] Android 11 권한 이슈 처리 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 31 minSdk : 23 --------------------------------- 안녕하세요 이번 포스팅 주제는 Android에서 permission 요청할 때 Android 버전별로 다르게 적용해야하는 버전 및 처리 방법에 대한 내용입니다. Android permission 변경 사항중에서 이번 포스팅은 "READ_PHONE_STATE" 권한에 대해 다루겠습니다. READ_PHONE_STATE permission android 10 이하를 타겟팅 할 때 전화번호를 가져오는 API에 액세스 해야하는 경우 사용합니다. andro.. 2023. 2. 20.
[Flutter] inAppWebView 사용하기 이번 포스팅에서는 Flutter에서 inAppWebView 패키지를 사용하여 webView를 실행해보겠습니다. pubspec.yaml -> dependencies 에 inAppWebView를 추가해줍니다. 저는 버전을 따로 명시하지 않았습니다. # inappwebView flutter_inappwebview: 그리고 .dart로 와서 import 해줍니다. import 'package:flutter_inappwebview/flutter_inappwebview.dart'; 여기까지 진행하였으면 기본 셋팅은 끝났습니다. StatefulWidget을 상속받는 class는 이렇게 셋팅하고 class WebViewPage extends StatefulWidget { const WebViewPage({Key? ke.. 2023. 2. 20.
[Kotlin] : 안드로이드 JWT 토큰 인증 [Retrofit, okHttp3] 안녕하세요 이번 포스팅에서는 JWT토큰과 JWT토큰 인증 구현을 보겠습니다 JWT JSON Web Token (JWT)는 마이크로 서비스의 인증, 인가에 사용할 수 있는 서명된 JSON 사용자가 로그인을 하면 토큰을 주는데 서버가 유저를 인증하고 식별하기 위한 토큰 기반 인증 방법입니다. ---------------------------------------------------------------------------------------------------- 1. 사용자가 로그인을 하고 2. 서버에서 토큰이 떨어지고 3. 토큰을 okHttp3 헤더에 , Authorization 2023. 2. 20.
[SWIFT] Custom Alert 사용하기 안녕하세요 이번 포스팅에서는 iOS 프로젝트에서 Custom Alert 를 구현하겠습니다 준비물 - Xcode, 손가락 UIAlertController 클래스를 사용할건데 iOS dev 문서에는 "이 클래스를 사용하여 표시할 메시지와 선택할 작업으로 경고 및 작업 시트를 구성합니다. 원하는 동작과 스타일로 알림 컨트롤러를 구성한 후 메소드를 사용하여 제시합니다. UIKit은 앱의 콘텐츠 위에 모달 방식으로 경고 및 작업 시트를 표시합니다." 라고 정의하네요 먼저 UIAlertController 클래스를 사용하기 위해 UIKit를 alert를 띄울 파일 안에 import 해줍니다 import UIKit 아래 코드는 확인 버튼 하나 있는 alert 입니다. let alertController = UIAler.. 2023. 2. 19.
[Kotlin] java script Alert & Confirm 띄우기 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 31 minSdk : 23 --------------------------------- android #WebView에서 자바스크립트 alert과 confirm을 받아오는 방법을 포스팅하겠습니다 javascript에서 Confirm 함수는 확인 또는 취소 버튼을 통해 true or false 를 반환합니다 Alert 함수는 사용자에게 단순하게 어떠한 내용을 알릴 때 사용하는 함수입니다 안드로이드 웹뷰가 자바스크립트 alert과 confirm 에 반응하려면 웹뷰에 셋팅을 해줘야 하는데 그 부분을 알아보겠습니다! 🐥 Alert을 받을 .. 2023. 2. 19.
[Node.js] Node.js & nvm & npm 그리고 MAC에 Node.js 설치하기 Node.js 란? Node.js의 정의 및 특징 windows, macOS, Linux, Unix 등에서 실행할 수 있는 크로스 플랫폼 오픈 소스 서버 환경 백엔드 JavaScript 런타임 환경 V8 JavaScript 엔진에서 실행 웹 브라우저 외부에서 JavaScript 코드를 실행 위키백과에서는 이렇게 알려주는데 V8 JavaScript 엔진에서 실행?! 다른 특징은 무슨 말인지 알겠는데 V8 JavaScript가 무엇인지 보자 V8 JavaScript 엔진은 C++ 로 작성된 Googledml 오픈 소스 JavaScript 엔진 nvm 란? (Node Version Manager) nvm의 정의 및 특징 Node.js를 설치하는 툴 컴퓨터에 다양한 버전의 Node.js 를 설치할 수 있게 해준.. 2023. 2. 18.
JAVA : Thread 와 Singletone 이번 포스팅은 Thread 와 Singletone에 관해서 입니다. Thread 지금 공부하고 있는 자바스크립트 언어는 싱글 스레드 기반이며 코어가 여러개 있어도 메인 스레드라고 하는 단일 스레드에서만 작업이 가능하다 따라서 자바스크립트 코드는 동시에 실행될 수 없다 -> 노드가 싱글 스레드 기반이기때문 ㅇㅇ 먼저 스레드를 알기전에 프로세스(Process)를 알아보자 프로세스(Process)란 운영체제에서 할당하는 작업의 단위 프로세스 간에는 메모리 등의 자원을 공유하지 않는다 프로세스는 스레드를 여러개 생성해 여러 작업을 동시에 처리할 수 있다 스레드(Thread)란 프로세스 내에서 실행되는 흐름의 단위 스레드들은 부모 프로세스의 자원을 공유하고 같은 주소의 메모리에 접근 가능하므로 데이터 공유가 가능.. 2023. 2. 18.
[Kotlin]JavaScript < ㅡ > Native 통신 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 31 minSdk : 23 --------------------------------- 이번 포스팅에서는 android 프로젝트에서 Kotlin으로 JavaScript Native 간 통신을 해보겠습니다. 간단히 그냥 서로 함수 호출을 해보는 작업입니다. 하이브리드 앱을 개발할 때 거의 필수로 사용되는데 이 기능을 구현할 줄 알면 많은 상황에 대응할 수 있습니다. JavaScript -> Native 함수 호출하기 앱 셋팅 1. webView 셋팅 webView에서 셋팅할거는 한개밖에 없는데요! webView 셋팅하는 부분에 아래 .. 2023. 2. 17.
[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.

티스토리툴바