본문 바로가기

Programming/APP12

SwiftUI Struct - Image 안녕하세요. 뉴핀입니다. 이번 주제는 SwiftUI의 Image Structure에서 속성을 설정할 때 사용하는 메서드를 알아보려 합니다. 사이즈 조정 1. func resizable(capInsets: EdgeInsets, resizingMode: Image.ResizingMode) -> Image Image("sample") .resizable(resizingMode: .stretch) Image("sample") .resizable(capInsets: EdgeInsets(top:30, leading:30, bottom:30, trailing:30), resizingMode: .tile) .frame(width: 150, height: 150) 렌더링 관련 1. func antialiased(Bool.. 2022. 12. 14.
SwiftUI Struct - Text 안녕하세요. 뉴핀입니다. 이번 주제는 SwiftUI의 Text Structure에서 속성을 설정할 때 사용하는 메서드를 알아보려 합니다. 폰트 관련 1. func font(Font?) -> Text Text("lorem ipsum") .font(.system(.body, design: .monospaced)) 2. func fontWeight(Font.Weight?) -> Text Text("lorem ipsum") .fontWeight(.thin) 텍스트 스타일 1. func foregroundColor(Color?) -> Text Text("lorem ipsum") .foregroundColor(.blue) 2. func bold() -> Text Text("lorem ipsum") .bold() 3.. 2022. 11. 21.
[Android Kotlin] View Binding 사용방법 안녕하세요. 뉴핀입니다. 오늘은 Activity에서 TextView 또는 Button 등 뷰를 사용하기 위해 View Binding을 활성화하는 방법에 대해서 알려드리고자 합니다. TextView와 같은 뷰를 Activity에서 수정하거나 값을 읽어오기 위해서는 여러 가지 방식이 존재합니다. 대표적인 예로 findViewById() 함수가 있습니다. val mText : TextView = findViewById(R.id.tv_hello_world) 이렇게 findViewById() 함수를 사용하게 되면 xml에서 생성한 뷰의 id값을 불러와서 사용할 수 있습니다. 문제는 각 id값을 사용할 때마다 함수를 각각 선언해줘야 하는 불편함과, 해당 함수를 선언할 때 앞에 타입을 명시해야 한다는 점입니다. 이.. 2022. 11. 11.
[Android Kotlin] TextView를 사용하여 Text 출력하기 안녕하세요. 뉴핀입니다. 지난 시간까지는 Android Studio에서 Flutter로 개발을 진행해왔었습니다. Flutter로 Android 네이티브 호출에 대해 글을 작성하면서 Flutter를 진행하기 전에 Kotlin부터 하는 것이 맞다고 생각하여 앞으로는 Kotlin을 사용하여 Android 네이티브 개발에 대해 다뤄볼 예정입니다. 코틀린(Kotlin)은 JVM에서 동작하는 크로스 플랫폼 오픈소스 프로그래밍 언어입니다. 2011년 7월 JetBrains사에서 공개되었는데, 2019년 5월 7일 이후로 구글의 안드로이드 앱 개발에서 선호하는 언어가 되었다고 합니다. 코틀린에 대한 자세한 정보는 아래 링크를 통해 확인하실 수 있습니다. Kotlin Programming Language kotlinla.. 2022. 10. 24.
SwiftUI로 IOS 개발하기(4) - 샘플 프로젝트(TextField, Button, Image) 안녕하세요. 뉴핀입니다. 이번 주제는 간단한 애플리케이션 예제를 작성해보려고 하는데요. 화면의 구성은 아래와 같습니다. 넷X릭스나 여타 OTT 서비스의 프로필 설정 화면과 유사하다고 생각해주시면 됩니다. 우선 프로젝트에서 해당 화면에 필요한 View들을 파악해보면 ① : Image ② : Text ③ : Image ④ : TextEdit ⑤ : Button 가 필요합니다. 화면 구성을 보고 어떤 View가 적절한지 파악하는 것은 점차 SwiftUI의 View들을 다양하게, 자주 사용해서 숙련도가 증가하면 점점 한눈에 파악 가능하게 되실 겁니다. 첫 번째로 변수를 선언해줍니다. @State var profileImage = "profile_0" @State var nickName = "no name" @S.. 2022. 10. 10.
Flutter MethodChannel 연동 (3) - Android Bluetooth 기기 찾기 안녕하세요. 뉴핀입니다. 지난 시간에는 Flutter로 Android Bluetooth Permission 권한 허용을 얻는 방법까지 알아보았습니다. 오늘은 Bluetooth Permission 권한 허용을 받아 Flutter로 Android에서 Bluetooth 기기를 찾는 방법에 대해 알려드리고자 합니다. Flutter로 Android에서 Bluetooth 기기를 찾기 위해서는 크게 4단계로 구성됩니다. 1) Android 기기에서 블루투스를 사용하기 위한 AndroidManifest에서 퍼미션 설정 2) Flutter에서 Android 기기의 블루투스 퍼미션을 받기 위한 MainActivity - main.dart 간 MethodChannel 통신 3) Flutter에서 블루투스 기기 찾기 및 연결.. 2022. 10. 5.
SwiftUI로 IOS 개발하기(3) - StackView 안녕하세요. 뉴핀입니다. 이번 주제는 SwiftUI에서 레이아웃을 구성할 때 사용하는 StackView에 대해서 알려 드리려고 합니다. StackView란 레이아웃을 구성하기 위해 View 배열을 인자로 받는 View입니다. ex) Android Native의 ViewGroup(LinearLayout, ConstraintLayout), Flutter의 Flex(Column, Row) 등 StackView는 총 3가지로 구성되어 있습니다. HStack : horizontal, 가로로 배열되는 성질을 가지고 있다. VStack : vertical, 가로로 배열되는 성질을 가지고 있다. ZStack : z 축, 겹쳐서 배열되는 성질을 가지고 있다. 사용법은 var body: some View { VStac.. 2022. 9. 16.
Flutter MethodChannel 연동 (2) - Android Bluetooth 권한 허용 안녕하세요. 뉴핀입니다. 오늘은 지난 시간에 배운 Flutter MethodChannel을 이용하여 Android Bluetooth Permission 권한 허용을 하는 방법에 대해 알려드리고자 합니다. Android 기기에 있는 Bluetooth를 사용하기 위해서는 Bluetooth Permission에 대한 활성화가 필요합니다. 하지만 Flutter 개발의 경우 Android 퍼미션에 대한 활성화를 하는 것이 매끄럽지 못한 경우가 한 번씩 발생합니다. Android의 경우 Android 12 이후의 버전들에 대해서 퍼미션에 대한 활성화를 하는 방법이 조금씩 바뀌어서 불편함을 겪었는데, 오늘은 그 중 하나인 Android 12 이후의 Bluetooth 퍼미션에 대한 활성화를 하는 방법에 대해 진행해보도.. 2022. 9. 12.
SwiftUI로 IOS 개발하기(2) - 프로젝트 기초 안녕하세요. 뉴핀입니다. SwiftUI로 IOS 개발하기(1) - 입문, 프로젝트 생성 안녕하세요. 뉴핀에서 모바일 애플리케이션을 개발하고 있는 에드가입니다. 앞으로 모바일 애플리케이션 전반의 내용들로 찾아뵙게 될 것 같은데요. 첫 번째 주제로는 IOS 애플리케이션 개발 중 nufyn.tistory.com 이번 주제는 SwiftUI로 구성한 프로젝트의 기초적인 내용에 대하여 알려드리려고 합니다. 먼저 프로젝트를 처음 생성하게 되면 아래와 같은 구성으로 확인 할 수 있습니다. Navigator : 프로젝터 내 폴더 및 파일을 확인할 수 있는 영역 Editer : 코드를 편집 하는 영역 Preview : 현재 Editer에 작성 되어 있는 View를 미리 볼 수 있는 영역 Inspector : 선택 된 다.. 2022. 8. 29.

티스토리툴바