본문 바로가기

전체 글1410

[Kotlin][Android] 안드로이드 다국어 지원 여러 국가를 대상으로 하는 앱을 만들떄, 해당 국가의 언어에 맞게 여러 언어를 제공해줘야 할 필요가 있습니다. 이번 예제에서는 어떻게 다국어를 지원해줄 수 있는지 알아보도록 하겠습니다. 여러 나라에세 서비스를 출시 할려면, 해당 나라가 쓰는 언어들을 지원해 줘야 합니다. 이번 시간에는 kotlin으로 앱 내에서 언어 설정을 변경하는 방법을 알아보도록 하겠습니다. 저번 자바에서 사용했던 화면을 그대로 사용하겠습니다. (자바로 언어 설정을 바꾸는 방법은 이 포스팅을 참고해주세요.) activity_translation.xml 화면 구성은 라디오 버튼과 바뀐 언어를 표시할 TextView로 이루어져 있습니다. 한글 버튼을 클릭시 '샘플 문장'이 보일 것이며 영어 버튼을 클릭하면 'Sample Sentence'.. 2021. 5. 27.
[Java][Android] 안드로이드 TTS 이번 예제에서는 텍스트를 음성으로 변환해주는 TTS 기능을 구현해보도록 하겠습니다. 우선 TTS기능을 사용하기 위해 음성인식에 필요한 권한을 매니패스트에 추가해줍니다. 권한 설정 레이아웃 그리기 다음으로 예제를 진행하기 위한 레이아웃을 그려보도록 하겠습니다. 레이아웃은 EditText와 버튼 각각 1개씩 있는 간단한 형태입니다. EditText에 글자를 입력 후, TTS 버튼을 누르면 음성으로 입력한 글자를 읽어주는 식으로 동작하도록 구현할 예정입니다. 코드 작성 다음으로 액티비티 코드를 작성해보도록 하겠습니다. 우선 TextToSpeech 클래스를 import 해줍니다. import android.speech.tts.TextToSpeech; 전체코드 TTSActivity.java public class.. 2021. 5. 26.
[Kotlin][Android] 안드로이드 - 다중이미지 불러오기 안녕하세요.~ 이번시간에는 안드로이드 코틀린으로 앨범에서 다중이미지를 불러오는 기능을 만들어보겠습니다. 스틱코드 (stickode.com/mainlogin.html) 이번에도 역시 빠르게 만들기 위해 스틱코드 플러그인을 사용해서 만들어보겠습니다. 스틱코드는 자주쓰는 코드를 저장해서 쉽고 빠르게 사용할 수 있고, 다른사람들의 코드도 즐겨찾기를 통해 쉽게 내코드로 등록하여 사용할 수 있어 사용하는 사람이 늘어나고, 좋은 코드가 쌓일수록 강력해지는 플러그인 입니다. 그럼 시작하겠습니다. 권한설정 AndroidManifest.xml 파일 안에 파일을 불러오기 위한 권한을 추가해줍니다. 이미지 파일을 불러오기위해서 앱의 manifest에 권한 설정을 해주어야 에러가 나지 않습니다. 프로젝트 생성 새로운 프로젝트를.. 2021. 5. 25.
[Kotlin][Android] 리사이클러뷰 빠르게 만들기 이번 포스팅에서는 코틀린으로 리사이클러뷰를 만드는 방법에 대해 포스팅하겠습니다. 리사이클러뷰가 무엇인지와 자바로 구현하는 방법에 대해선 아래의 포스팅을 참고해 주세요. stickode.tistory.com/40 [Java][Android] 리사이클러뷰 만들기 이번 포스팅에서는 리사이클러뷰를 만드는 방법을 알아보겠습니다. 리사이클러뷰란 ? 기존의 ListView을 보완하기위해 , ViewHolder를 통하여 뷰를 재사용하며 성능적인 면을 개선하고 , 커스터마이 stickode.tistory.com 먼저 xml 화면부터 만들겠습니다. 리사이클러뷰 하나만 있는 매우 간단한 화면입니다. 그 다음 리사이클러뷰 안에서 데이터를 어떻게 보여줄 것인지 설정하는 xml 파일을 만들겠습니다. 카카오톡처럼 제일 왼쪽에 이미.. 2021. 5. 24.
[Kotlin][Android] 네비게이션 드로어(Navigation Drawer) 만들기 스틱코드를 사용하여 네비게이션 드로어를 만들어보겠습니다. 먼저 예제에 사용할 화면을 만들어 보겠습니다. 다음 메뉴 버튼 아이콘을 만들어 보겠습니다. drawable 파일을 우클릭하면 아래 화면같이 나오는데 Vector Asset을 선택해줍니다. Vector Asset을 선택하면 Asset Studio 화면만 나오는데 여기서 Clip Art를 누르면 아래 사진같이 화면이 나옵니다. 여기서 원하는 아이콘을 선택하시면 되는데 저는 dehaze 아이콘을 선택하겠습니다. 아이콘을 선택하면 아래 사진같이 나오는데 왼쪽부터 차례대로 next -> finish 버튼을 눌러서 실행하시면 됩니다. 실행이 완료가 되면 맨 왼쪽 사진처럼 xml 파일이 하나 생성 됩니다. 생성된 파일 이름을 -> navi_menu 로 변경해줍.. 2021. 5. 23.
[JAVA][Android] 핸들러를 활용한 타이머 구현하기 이번 시간에는 핸들러를 활용하여 타이머를 구현해보겠습니다. 위와 같은 타이머를 스틱코드를 활용하여 쉽고 빠르게 만들 수 있습니다. 1) 먼저 스틱코드 홈페이지에 가입합니다. https://stickode.com/mainlogin.html STICKODE stickode.com 2) 핸들러 코드 포스팅에서 코드를 확인합니다. https://stickode.com/detail.html?no=1386 스틱코드 stickode.com 3) ‘즐겨 찾기’에 등록합니다. 1. HandlerTimer 코드 가져오기 안드로이드 스튜이도에서 timer를 입력하면 이와 같이 스틱코드 자동완성 탭이 생성됩니다. 탭을 더블클릭하면 코드가 자동 완성됩니다. 2. HandlerTimer_xml 코드 가져오기 timer를 입력하면.. 2021. 5. 22.
[Java][Android] GPS Permission 이번 포스팅에서는 사용자의 위치 권한을 받아 위도와 경도를 TextView에 표시하는 예제를 진행하도록 하겠습니다. 우선 예제를 진행할 레이아웃을 그리도록 하겠습니다. activity_g_p_s_permission.xml 위처럼 레이아웃을 만들고, 위치 가져오기 버튼을 누르면 gps권한이 허용되어 있는지 체크하고 허용되어 있다면 위도, 경도 정보를 TextView에 보여주는 방식으로 구현할 예정입니다. 사용자의 현재 정보 위치를 사용하기 위해 Google Play 서비스 Location API를 사용하도록 하겠습니다. 의존성 추가 우선 Location API 사용을 위해서 app.gradle(app)에 의존성을 추가해줍니다. 매니페스트 권한 추가 그 다음 매니페스트에 아래의 권한을 추가해줍니다. 코드 작.. 2021. 5. 21.
[JavaScript] 배경 색상 변경시키기 자바스크립트을 활용하여 배경 색상을 변경시켜주는 예제를 만들어보겠습니다. 먼저, 스틱코드에 올라온 배경 색상을 변경시켜주는 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 backgroundimage_HTML을 입력하면 자바스크립트 배경색 바꾸기 - html 코드가 자동완성됩니다. 일단 HTML 코드에서는 수정없이, JS 파일과 CSS 파일을 작성해보겠습니다. 다음으로 필요한 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 backgroundimage_CSS를 입력하면 자바스크립트 배경색 바꾸기 - css 코드가 자동완성됩니다. 이제 호출태그로 수정하고 싶은 부분을 수정해주세요. colorBox는 선택할 수 있는 색.. 2021. 5. 20.
[JavaScript] 애니메이션 구현하기 (anime.js 사용) 이번 예제에서는 스틱코드 플러그인을 이용해서 anime.js을 사용해보겠습니다. stickode.com/detail.html?no=2121 스틱코드 stickode.com anime.js란? Anime.js는 자바스크립트를 기반으로 하는 경량의 애니메이션 라이브러리입니다. 여러분은 웹페이지에서 여러 가지 CSS 속성과 SVG 혹은 DOM 속성을 움직이는 데 이 라이브러리를 이용할 수 있습니다. 라이브러리에서는 애니메이션에 관한 모든 것이 제어 가능하고, 타깃으로 하고 싶은 엘리먼트나 움직이게 하고 싶은 속성들을 명시하는 다수의 방법을 제공합니다. 1. html 작성 (main.html) 스틱코드 단축 자동완성 호출 태그 : anime.js-html Animate left yellow Animate bot.. 2021. 5. 19.

티스토리툴바