본문 바로가기
728x90
반응형

개발노트180

[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.
[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.
728x90
반응형

티스토리툴바