본문 바로가기
728x90
반응형

분류 전체보기185

iOS & Android : 프로젝트에 폰트 추가 및 설정 안녕하세요 전진시입니다~~ 오늘은 Android 프로젝트와 iOS 프로젝트에 폰트 추가 및 설정 하는 방법을 포스팅 하겠습니다 Android Resource Directory를 하나 만들어주세요 폴더명은 font로 지어주세요 font.xml파일은 좀 이따 만들거니까 넘어가시고 아래 사진처럼 폰트 파일을 넣어야합니다! ** 안드로이드에서는 resource 파일에 대문자가 못들어갑니당 Resource File을 생성해주세요 ! 저는 파일명을 알아보기 쉽게 로 하였습니다 --> 파일을 만드시고 아래 소스를 넣어주세요 여기에 폰트 파일명을 넣어줍시다 android:font="@font/noto_medium" 여기까지 하면 준비는 끝났고 xml에서 추가한 폰트를 호출해보겠습니다! fontFamily로 호출하면 끝.. 2023. 2. 20.
[Kotlin] OKHttp Logging Interceptor사용하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 31 minSdk : 23 --------------------------------- 이번 포스팅은 OKHttp Logging Interceptor를 사용하여 Http 통신 로그를 기록하는 방법 관련입니다. 먼저 okHttp3을 사용하기 위해 Gradle Dependencis에 아래 빌드 종속 항목 중 okhttp 관련 종속성을 추가해주세요. implementation 'com.squareup.retrofit2:converter-gson:2.9.0' implementation 'com.squareup.retrofit2:retrof.. 2023. 2. 20.
[Kotlin] ListView 만들기 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 31 minSdk : 23 --------------------------------- 리스트 뷰가 필요할 때마다 인터넷에 검색을 했는데 이젠 검색하지 않으려고 직접 listView에 대해 정리해서 강제기억하려합니다.,. 먼저 listView는 항목 목록을 표시할 수 있는 컴포넌트입니다! listView의 장단점과 recyclerView를 권장하는 이유 이런건 스킵하겠습니다! 바로 listView를 띄워보겠습니다 listView를 띄울려면 필요한 것들이 있는데 데이터 클래스 레이아웃에 ListView 추가 item 어댑터 이렇게 네.. 2023. 2. 20.
[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.
728x90
반응형

티스토리툴바