본문 바로가기
728x90
반응형

개발노트180

[Flutter] Dio란? Dio란? Dio는 API 요청을 만들기 위한 HTTP 클라이언트 라이브러리 입니다. Android 에서 사용하는 okHttp 라이브러리와 비슷해보입니다. HTTP/1.1, HTTP/2, WebSocket 등 다양한 프로토콜을 지원하며 취소, 타임아웃, 인터셉터 등의 기능도 제공하네요 GET, POST, PUT, DELETE 및 PATCH와 같은 다양한 유형의 request를 지원하며 사용자 지정 헤더, 쿼리 매개변수 및 요청 데이터를 설정할 수 있습니다. Dio는 Dart 프로그래밍 언어의 dart:io 라이브러리 위에 구축되어 효율적이고 빠릅니다. 또한 파일 업로드 및 다운로드, 쿠키 관리 및 인증과 같은 기능을 지원합니다. Flutter 개발 공부하며 향후에 flutter로 프로젝트를 시작할 때 A.. 2023. 2. 23.
[Flutter] retrofit , 레트로핏 api 통신 POST 편 #2 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart --------------------------------- 안녕하세요 지난 포스팅에 이어 Flutter API 통신을 하여 POST Request를 만들고 실행시켜보겠습니다. https://jpointofviewntoe.tistory.com/113 [Flutter] retrofit , 레트로핏 api 통신 POST 편 #1 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart --------------------------------- 안녕하세요 이번 포스팅은.. 2023. 2. 23.
[Flutter] retrofit , 레트로핏 api 통신 POST 편 #1 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart --------------------------------- 안녕하세요 이번 포스팅은 flutter 에서 retrofit 라이브러리를 사용하여 api 통신을 해보겠습니다. android 에서도 restApi를 사용하기 위해 retrofit 라이브러리를 이용하였는데 flutter 를 공부하다보니 여기서도 retrofit이 쓰이네요 바로 시작하겠습니다 ! 1. 종속성 추가 retrofit 라이브러리를 pubspec.yaml 파일 dependencies에 추가해줍니다. retrofit과 json_serializable, build_runner 등 같이 추가해주겠.. 2023. 2. 23.
[iOS] UILabel에 padding 주기 개발 환경 --------------------------------- OS : Mac 개발 툴 : xcode 개발 언어 : Swift xcode version : 14.2 min iOS version : 13.0 --------------------------------- 안녕하세요 이번 포스팅에서는 UILabel에 padding을 줘볼건데요 android 개발을 하다보면 xml 파일에서 padding이나 margin을 주는게 너무나 너무나 ~ 간편하게 되어있는데 iOS 1년차 개발자의 눈으로는 xcode에서 margin이나 padding 주기가 좀 까다로운것 같아요 좀 많이? ㅠ 까다로운 것 같습니다. 다시 본론으로 돌아와서 UILabel에 Padding을 줘볼건데요 먼저 @IBDesignable a.. 2023. 2. 22.
[Flutter] Navigator와 routes 이번 포스팅에서는 Flutter에서 Navigator를 사용해보겠습니다. 먼저 Flutter 에서 Navigator의 역할은 Navigator docs.Flutter.dev 페이지에서는 Navigator에 대해 다양한 유형의 정보를 표시하기 위해 앱에는 여러 화면이 있는데 이때 화면 전환 역할을 돕는데 사용됩니다. routes Flutter에서 routes는 화면과 페이지입니다. Navigator 메서드 종류 push pop replace Navigator 메서드는 위 세가지가 있습니다. Named가 붙어있는 메서드를 사용하기 위한 사전셋팅 Named가 붙어있는 메서드를 사용하기 위해서는 MaterialApp 안에 routes 속성에 이동할 화면의 경로를 선언해줘야 합니다. 저는 webView.dart로.. 2023. 2. 20.
SWIFT : 특정 뷰 화면 전환하기 - 세로모드 예제(orientation : portrait) 이번 포스팅은 특정 뷰 컨트롤러에서 세로모드 고정을 알아보겠습니다. 전체 뷰를 한가지 방향으로 고정하는 방법도 있지만 특정 뷰만 세로모드로 고정되어 로드되어야 할 때가 있습니다. ✌️ 세로모드로 고정 로드되어야 할 뷰 컨트롤러 안에 아래의 소스를 넣어주세요 override var supportedInterfaceOrientations: UIInterfaceOrientationMask { return .landscapeLeft } override var shouldAutorotate: Bool { return true } supportedInterfaceOrientations 해당 메서드는 지원되는 인터페이스의 방향을 반환합니다 shouldAutorotate 콘텐츠가 자동회전해야 하는지 여부를 묻는 Boo.. 2023. 2. 20.
[Swift] javascript Alert & Confirm 띄우기 저번 포스팅에서 android에서 자바스크립트 alert 함수와 confirm 함수에 반응하는 방법을 포스팅했었습니다 오늘은 이어서 iOS에서도 똑같이 위 함수에 반응하도록 해보겠습니다 ! class MainWebView : UIViewController, WKNavigationDelegate, WKScriptMessageHandler, WKUIDelegate{ @IBOutlet var webView: WKWebView! 먼저 WebView class에 WKScriptMessageHandler 프로토콜을 채택합시다 WKScriptMessageHandler 는 웹페이지에서 실행되는 javascript code에서 메세지를 수신하기 위한 인터페이스입니다 func webView(_ webView: WKWebV.. 2023. 2. 20.
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.
728x90
반응형

티스토리툴바