ChoboIT

[Ionic] Ionic Angular 입문 및 Photo Gallery 앱 만들기 Cross-Platform Mobile App Development: Ionic Framework Ionic Framework's app development platform builds amazing cross-platform mobile, web, and desktop apps all with one shared code base and open-.. choboit.tistory.com 이전 글에서 Ionic 에 대한 전반적인 지식과 첫 가이드 앱인 Photo Gallery 앱을 웹 버전으로 만들어보았다. 사진을 찍고, Grid 형태의 앨범으로 찍은 사진을 보여주며, 촬영한 사진을 Filesystem 에 저장하는 것까..

Cross-Platform Mobile App Development: Ionic Framework Ionic Framework's app development platform builds amazing cross-platform mobile, web, and desktop apps all with one shared code base and open-web standards. ionicframework.com Android 와 iOS 뿐만 아니라 웹까지 다양한 멀티 플랫폼의 애플리케이션을 개발할 수 있는 프레임워크들이 있다. ReactNative, Ionic, Xamarin, Flutter 가 있다. 그 중에서 Ionic 에 대한 공부를 해볼 예정이다. Ionic 은 Apache Cordova 를 사용하..

FTP 를 통해 원격 서버의 코드를 다운 받을 일이 생겨서 Mac 에서 사용할 수 있는 FTP 프로그램들을 알아보았다. 그 중에서 Mac 의 FTP 프로그램은 Cyberduck 이 대표적이라는 말을 듣고, Cyberduck 을 접하게 됐다. 무료 버전을 쓸까 했지만, App Store 에서 단돈 3만원에 판매를 하고 있어서 과감히 유료 버전을 구매했다. 1. EC2 서버와 연결 1-1) [새 연결] 클릭 1-2) [SFTP (SSH File Transfer Protocol)] 선택 1-3) 서버 주소, 사용자 이름, 비밀번호 입력 EC2 서버의 주소라 하면, "ec2-" 로 시작해서 "~.amazonaws.com" 으로 끝나는 주소가 있을 것이다. 해당 주소를 복사해주면 된다. 그리고, 서버에 접속 가능..

개발 환경 - M1 Macbook (2021) - macOS Monterey 12.3.1 보통 원격 서버에 접속할 때, 터미널 프로그램을 사용해서 접속한다. 필자는 iTerm 을 사용해서 SSH 원격 접속을 하며, 터미널 창에서 명령어를 통해 원격 서버를 뒤적뒤적 한다. 그런데, 원격 서버에 있는 서버 코드를 수정하거나, 읽어야할 때 터미널 창은 조금 불편하다. Vi 나 Nano 가 있기는 하지만, VSCode 와 같은 에디터에 적응된 필자는 터미널에서 코드를 읽는게 불편했다. 그렇다고 원격 서버에 VSCode 를 설치해서 사용하자니, 뭔가 아깝다는 생각이 들었다. 그래서 원격 서버의 폴더나 파일들을 VSCode 에서 바로 볼 수 있고, 수정이 가능한 환경 구축이 가능하지 않을까 찾아보게 되었다. 가능한..

개발을 하다보면 외부 라이브러리를 쓰기 보다는 직접 필요한 라이브러리를 만들어서 쓰고 싶은 낭만(?) 같은게 생긴다. 특히, 필자는 나만의 CustomView 를 만들고 싶다는 생각이 Android 를 처음 접한 순간부터 존재했다. 하지만, 이것저것 공부해야한다는 핑계로 미루다 지금이라도 결심을 하고 진행해보려한다. 살짝 나만의 스터디 프로젝트 같은 느낌으로 진행할 예정이다. 먼저, CustomView 에 대한 이론(Overview)을 살펴본 후, RadarChart 를 출력하는 RadarChartView 를 만든다. 그리고, 필자의 최종 Goal 은 "MusicXML 파일을 악보로 출력하는 악보뷰를 만드는 것"이다. 불가능할지도 모르고, 거대한 삽질을 하게될지도 모른다. 하지만, 삽질하는 과정도 재밌기..

지난 글에서는 Zoom SDK 를 초기화하고, Video SDK 의 Session 을 생성하는 방법까지 정리했다. 이번 글에서는 생성된 Session 에서 Video Rendering 을 추가해보고, 그 외에 기능들에 대해 정리한다. 1. Render a User's Video Zoom SDK 를 사용하는 목적은 대부분 화상 회의 기능을 구현하기 위해서이다. 그리고 화상 회의 기능의 핵심은 회의실 생성, 그리고 "회의 참여자들의 모습을 보여주는 기능" 이다. Video SDK 는 당연하게도 회의 참여자의 모습을 보여주는 기능을 제공한다. Video Rendering 을 구현하기 위해서는 다음의 작업 과정들이 필요하다. Session 에 참여한 사용자들의 ZoomVideoSDKUser 객체 획득 각 사용자..

지난 글에서 Zoom Video SDK 가 어떤 SDK 인지에 대해 정리했다. 이번 글에서는 Video SDK 를 사용하는 기초적인 방법에 대해 정리한다. 본 글은 공식 문서의 Essential Guides 를 기반으로 정리한다. 0. Integrate SDK Zoom Marketplace 에서 Video SDK 를 활성화한 계정으로 로그인을 한 뒤, SDK 페이지에서 SDK 를 다운 받는다. 좌측에 있는 플랫폼을 선택하고, 가장 최신 버전의 SDK 를 [Download] 한다. 본 글은 Android 에서 Video SDK 를 적용시켜보는 과정을 정리할 것이기 때문에, Android 의 SDK 를 다운로드 받았다. SDK 만 있는 것이 아니라, 샘플 앱 자체가 다운로드 된 것을 확인할 수 있다. 여기서..

Android Zoom Meeting SDK 2 : Integrate SDK 공식 문서 URL : https://marketplace.zoom.us/docs/sdk/native-sdks/introduction 지난 글에서는 Zoom SDK 에 대해 간단히 알아보고, 데모 앱 중 하나인 "sample" 앱을 실행시켜보았다. 이제는 Zoom Meeting.. choboit.tistory.com 약 한달 전, Android Zoom Meeting SDK 를 적용해본 경험을 글로 게시한 적이 있다. 그 때는 Zoom Meeting SDK 를 사용한 것이었고, Meeting SDK 에서 UI 커스텀까지 해보려 했으나, 좀 더 커스텀이 자유로운 SDK 가 있어서 Meeting SDK 는 중도 하차했다. 커스텀이 더..

공식 문서 URL : https://marketplace.zoom.us/docs/sdk/native-sdks/introduction 지난 글에서는 Zoom SDK 에 대해 간단히 알아보고, 데모 앱 중 하나인 "sample" 앱을 실행시켜보았다. 이제는 Zoom Meeting SDK 를 응용하여 내게 맞게 커스텀이 가능한지 공식 문서를 따라하면서 글을 정리해본다. Zoom Meeting SDK - Android 적용기 1 공식 문서 URL : https://marketplace.zoom.us/docs/sdk/native-sdks/introduction 1. Zoom Meeting SDK Zoom Meeting SDK 는 Zoom Client App 에서 사용 가능한 기능들을 손쉽게 개발 중인 애플리케이션..

공식 문서 URL : https://marketplace.zoom.us/docs/sdk/native-sdks/introduction 1. Zoom Meeting SDK Zoom Meeting SDK 는 Zoom Client App 에서 사용 가능한 기능들을 손쉽게 개발 중인 애플리케이션으로 적용할 수 있도록 해준다. 주요 Native Platform 에서 모두 사용 가능하며, Zoom Meeting SDK 가 가지는 특징은 다음과 같다. - Easy to use : 간단한 라이브러리와 패키지를 통해 Zoom Meeting 기능을 빠르게 구현할 수 있다. - Localizable : 다양한 국가의 언어들을 지원하고, 열린 통역확장성을 통해 국제적으로 사용 가능한 앱을 만들 수 있다. - Customizab..