본문 바로가기

전체 글1411

[Kotlin][Android] ExoPlayer를 사용하여 영상 플레이어 만들기 ExoPlayer 라이브러리를 사용하여 영상 플레이어를 만들어보겠습니다. ExoPlayer 란? 오디오 및 비디오 관련 작업을 처리하는 Google에서 제공하는 라이브러리입니다. 참고) https://exoplayer.dev/hello-world.html 라이브러리 추가 먼저, build.gradle 파일 안에 ExoPlayer 라이브러리를 사용하기 위해 아래 화면처럼 추가해주시고 Sync Now 버튼을 누르시면 라이브러리가 추가됩니다. implementation 'com.google.android.exoplayer:exoplayer:2.11.8' 인터넷권한 추가 다른 사이트에서 영상파일을 가져와서 사용하기 위해 권한을 추가해줍니다. 다음 예제에 사용할 화면을 만들어보겠습니다. 다음 예제에 사용할 코드를.. 2021. 7. 13.
[Kotlin][Android] 구글맵 빠르게 적용하기 안녕하세요. 이번에는 코틀린을 통하여 구글 지도를 제 앱에 띄우는 것을 해보도록 하겠습니다. 이를 구현하기 위해서는 구글 맵 API를 사용해야 하는데요. API(Application Programing Interface)가 무엇인지 간단하게 설명드리면, 응용 프로그램(일반적인 앱을 생각하시면 됩니다.)에서 다른 프로그램(운영체제, 프로그램 언어, 서버, 데이터 베이스 등등)에서 제공하는 기능을 제어할 수 있게 만든 인터페이스(매개체) 입니다. 구글 맵 API를 사용하려면 구글 플레이 서비스 SDK를 설치해야 합니다. 상단 메뉴의 [Tools] - [SDK Manager]를 클릭해 줍시다. 클릭하게 되면 아래 사진처럼 SDK 설정 화면이 나옵니다. [SDK Tools] 탭을 클릭하면 안드로이드 개발에 필요.. 2021. 7. 12.
[C#][Unity] 유니티 생명주기 안녕하세요! ^~^/ 오늘은 게임 개발엔진 2top중 하나인 Unity의 생명주기에 대해서 포스팅 해보겠습니다! 유니티는 안드로이드와 마찬가지로 '생명주기(LifeCycle)'를 가지고 있는데요.유니티에서 자신이 제작한 스크립트의 대부분은 'Monobehaviour'라는 친구를 상속받아 만들어집니다. 스크립트를 만들면 자동으로 상속받아지는 형태이니 유니티의 기본 클래스 형태라고 봐도 좋습니다.이 'Monobehaviour'가 Scene에서 살아가는 동안 일정한 흐름이 생기고, 엔진에서 자동으로 호출해주는 함수들이 생기는데 이 패턴의 흐름을 '생명 주기(Life cycle)'라고 합니다. 생명주기는 사용자가 호출하지 않아도 프로그램의 흐름에 따라 자동으로 호출되게 됩니다. 그럼 유니티 생명주기의 흐름부터 .. 2021. 7. 11.
[JavaScript] 구글맵 API 클러스터링 만들기 안녕하세요.~ 이번시간에는 웹 프론트에서 Javascript와 구글맵 API를 이용해서 지도 클러스터링을 만들어 보겠습니다. 스틱코드 (stickode.com/mainlogin.html) 이번에도 역시 빠르게 만들기 위해 스틱코드 플러그인을 사용해서 만들어보겠습니다. 스틱코드는 자주쓰는 코드를 저장해서 쉽고 빠르게 사용할 수 있고, 다른사람들의 코드도 즐겨찾기를 통해 쉽게 내코드로 등록하여 사용할 수 있어 사용하는 사람이 늘어나고, 좋은 코드가 쌓일수록 강력해지는 플러그인 입니다. HTML 설정 스틱코드를 통해 HTML 코드를 설정해주도록 하겠습니다. 스틱코드를 사용하면 다음과 같이 코드가 완성됩니다. (YOUR API KEY 부분에 구글API 키를 넣으시면 됩니다.) HTML 전문입니다. 여기에 CSS.. 2021. 7. 10.
[Java][Android] OpenCV 를 사용해서 이미지 외곽선을 따는 기능을 만들어 보자 안녕하세요 ^~^/ 오늘은 openCV를 사용해서 이미지의 외곽선을 따는 기능을 만들어 보겠습니다. 자 그럼 바로 시작해보겠습니다. 스틱코드? https://stickode.com/mainlogin.html STICKODE stickode.com 1. 환경 세팅 ▶ OpenCV 라이브러리 추가 - 아래 링크에서 자신이 사용할 버전을 다운로드하여줍니다. 이 프로젝트에서 사용할 버전은 opencv-4.5.2-android-sdk입니다. https://github.com/opencv/opencv/releases Releases · opencv/opencv Open Source Computer Vision Library. Contribute to opencv/opencv development by creatin.. 2021. 7. 9.
[JavaScript] 빠르게 To Do 리스트 만들기 이번 예제에서는 자바스크립트만을 이용해 To Do 리스트를 만들어보겠습니다. 따라하기 전, 스틱코드에 올라온 자바스크립트로 투두리스트 만들기 코드를 즐겨찾기 해주세요 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 ToDoList-HTML을 입력하면 자바스크립트로 투두리스트를 만들기 위해 필요한 html 코드가 자동완성됩니다. 일단 HTML 코드에서는 수정없이, JS 파일과 CSS 파일을 작성해보겠습니다. 스틱코드로 만든 투두리스트 추가 모두 삭제 다음으로 필요한 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 ToDoList-CSS를 입력하면 자바스크립트로 투두리스트 만들기 - css 코드가 자동완성됩니다. 이제 호출태그로 완성된 코드 중 수정.. 2021. 7. 8.
[Java][Android] MLKit를 이용한 텍스트 인식 이번예제에서는 구글에서 제공하는 MLKit를 이용해 이미지 속 텍스트를 인식하는 예제를 다뤄보겠습니다. MLKit는 Android 및 iOS 앱에서 머신러닝 관련 지식을 쉽게 이용할 수 있도록 하기위해 구글에서 제공하는 모바일 SDK입니다. 사용할 수 있는 분야는 Text Recognition, Face Detection, Barcode Scanning, Image Labeling 등 여러가지가 있으며 사용법도 크게 어렵지 않아 한 번 공부해두면 유용하게 쓰일 수 있습니다. 오늘은 이 중에서 Text Recognition을 위해 제공되는 머신러닝 모델을 이용해 텍스트 인식을 해보도록 하겠습니다. 1. 의존성 추가 앱내에서 Text Recognition 모델을 사용하기 위해 의존성을 추가해줍니다. depe.. 2021. 7. 7.
[JAVA][Android] 윈도우 오버레이 NETFLIX 나 YouTube를 이용하다 보면 다른앱을 이용하기 위해 나갈때 앱의 화면이 작아지며 바탕화면 위에서 작동되는 걸 보셨을 거예요 최상단 위치에 View를 띄우는 방법인 Window Overlay를 만들어보겠습니다. 그러기 위해서는 먼저 권한설정이 필요합니다. (Marshmallow(6.0(API 23))부터) 그리고 앱이 죽어도 작은 윈도우는 계속 실행이 되어 바탕화면 위에 띄어줘야 합니다. 뭐가 떠오르시지 않으신가요? 네 맞습니다. SERVICE !!! 먼저 메니페스트를 보겠습니다. Manifest.xml activity_main.xml 서비스를 사용하여 띄어줄 화면도 필요하겠죠? view_in_service.xml MainActivity 에서는 권한을 얻어오고 서비스를 실행하는 간단한 .. 2021. 7. 6.
[HTML / CSS] 반응형 구현해보기 스틱코드라는 플러그인을 이용해 반응형 예제를 구현해봅시다. 스틱 코드에 등록된 코드를 간편하게 불러와서 사용해봅시다. * 반응형 웹 예제 https://stickode.com/detail.html?no=2195 스틱코드 stickode.com ==================================================================== 반응형 웹 디자인이란? 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말합니다. 반응형을 하면 무엇이 좋은가? 웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 공용 웹사이트를 만들어 다양한 디바이스에 대응할 수 있습니다. PC.. 2021. 7. 5.

티스토리툴바