본문 바로가기

전체 글1410

[Kotlin][Android] 커스텀 다이얼로그 빠르게 만들기 이번 포스팅에선 코틀린으로 커스텀 다이얼로그를 만드는 방법에 대해 포스팅하겠습니다. 자바로 만드는 방법에 대해선 아래 포스팅을 참고해 주세요. stickode.tistory.com/14 [Java][Android] 내 입맛대로 다이얼로그 커스텀하기 안녕하세요 이번에는 다이얼로그를 커스텀 하고 나만의 다이얼로그를 만드는 방법을 알아볼 예정입니다. 안드로이드의 다이얼로그는 기본적으로 제공하는 Alert Dialog가 있습니다. 하지만 개인 stickode.tistory.com 이 포스팅에서 사용된 모든 예제 코드는 아래 주소에서 확인하실 수 있습니다. stickode.com/detail.html?no=2147 스틱코드 stickode.com 먼저 메인 액티비티의 xml을 만들겠습니다. 텍스트뷰 하나를 놓을 .. 2021. 6. 5.
[Kotlin][Android] 그래프 만들기 이번 예제는 MPAndroidChart 라이브러리를 사용해서 그래프를 만들어보겠습니다. MPAndroidChart 란? 안드로이드 차트 기능을 제공하는 라이브러리 입니다. [참고] github.com/PhilJay/MPAndroidChart 라이브러리 추가 먼저, build.gradle 파일 안에 Glide라는 라이브러리를 사용하기 위해 아래 화면처럼 추가해주시고 위에 Sync Now 버튼을 누르시면 라이브러리가 적용됩니다. implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0' 위에 코드만 추가하고 실행할 경우 아래 사진과 같은 에러가 발생합니다. 이 에러는 아래 코드를 추가하면 해결이 됩니다. 첫번쨰 gradle 파일에 아래 화면처럼 maven 값을 추.. 2021. 6. 4.
[JAVA][Android] 스위치 버튼으로 배경음악 on/off 하기 이번 시간에는 설정화면에서 배경음악 ON/OFF 기능을 만들어 보겠습니다. 아래 mp4파일을 다운받으시면 사운드가 적용된 결과를 보실 수 있습니다. 자바 파일 3개와 xml파일 2개 그리고 음악파일 1개가 필요합니다. MainActivity MusicService Setting activity_main activity_setting mp3파일은 res 하위에 raw폴더를 만들고 그 안에 넣어놓습니다. ▶스틱코드 홈페이지 https://stickode.com/mainlogin.html 배경음악 코드와 스위치버튼 코드, 그리고 서비스 상태 확인 코드를 스틱코드에서 가져옵니다. 1. 배경 음악 코드 https://stickode.com/detail.html?no=1884 여기서 배경음악 코드를 즐겨찾기 하고 .. 2021. 6. 3.
[JavaScript] 디지털 시계 만들기 자바스크립트을 활용하여 디지털 시계를 만들어보겠습니다. 먼저, 스틱코드에 올라온 '디지털 시계 만들기' 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 digitalClockHTML을 입력하면 자바스크립트로 디지털 시계 만드는 html 코드가 자동완성됩니다. 일단 HTML 코드에서는 수정없이, JS 파일과 CSS 파일을 작성해보겠습니다. 다음으로 필요한 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 digitalClockCSS를 입력하면 자바스크립트 배경색 바꾸기 - css 코드가 자동완성됩니다. 이제 호출태그로 완성된 코드 중 수정이 필요한 부분을 작성해줍니다. 수정이 필요한 부분은 body의 배경색(line 8.. 2021. 6. 2.
[JavaScript] JSON 데이터 사용해보기 스틱코드라는 플러그인을 이용해 JSON데이터를 사용해봅시다 이번에 참고한 스틱코드입니다. * 자바스크립트 JSON 파싱 stickode.com/detail.html?no=2142 스틱코드 stickode.com ============================================================================ JSON 이란?? JSON(제이슨[1], JavaScript Object Notation)은 속성-값 쌍( attribute - value pairs and array data types (or any other serializable value)) 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표.. 2021. 6. 1.
[Kotlin][Android] SST(SpeechToText) 기능 구현하기 안녕하세요 ~ 오늘은 SST 기능을 구현해 보겠습니다. SpeehToText(이하 SST) 기능은 음성을 인식해서 텍스트로 변환시켜주는 기능입니다. 한번 만들어 볼까요? 스틱 코드? stickode.com/mainlogin.html STICKODE stickode.com 권한 설정 Manifest에 권한을 설정해줍니다. // MainActivity.kt // 권한 체크 코드 if (Build.VERSION.SDK_INT >= 23) ActivityCompat.requestPermissions(this, arrayOf(Manifest.permission.INTERNET, Manifest.permission.RECORD_AUDIO), REQUEST_CODE) 레이아웃 만들기 인식한 음성을 텍스트로 보여주는 .. 2021. 5. 31.
[Kotlin][Android] 앱 잠금 화면 만들기 안녕하세요! 오늘은 스틱코드를 이용하여 앱 잠금 화면을 만들어보겠습니다. 진행 순서는 1. 잠금화면 설정(활성화/비활성화/비밀번호 변경/잠금해제) 타입 파일 만들기 2. 비밀번호 입력 액티비티 3. 설정 화면(메인 액티비티) 만들기 1. 잠금화면 설정(활성화/비활성화/비밀번호 변경/잠금해제) 타입 파일 만들기 먼저 메인 엑티비티에 있는 버튼에 따라 상태(활성화/비활성화/비밀번호 변경/잠금해제)를 나타낼 오브젝트 파일을 만들도록 하겠습니다. * AppLockConst.kt 다음으로 상태 및 잠금 비밀번호를 저장하는 클래스 파일을 만들겠습니다. * AppLock.kt 2. 비밀번호 입력 액티비티 위 이미지와 같이 비밀번호가 입력 될 EditText, 번호를 누를 버튼으로 구성합니다. 먼저 EditText에 .. 2021. 5. 30.
[JAVA][Android] Animation을 활용한 하트 ToggleButton SNS를 이용하다 보면 상대방의 포스팅에 좋아요를 눌러보셨죠? 안드로이드에서 제공하는 ToggleButton을 이용하면 쉽게 구현이 가능하지만 뭔가 부족해 보입니다. 이번에는 애니메이션 효과를 넣어준 생동감 넘치는 하트버튼을 만들어 보도록 하겠습니다. 이번에는 Android XML Selector를 활용해 볼건데요 selector는 이미지의 상태에 따라 값을 설정해주고 컨트롤 해주는 기능을 가지고 있습니다. selector를 이용하면 코드가 훨씬 간결해지고 불필요한 코드를 줄일 수 있겠죠? 먼저 비워진 하트와 채워진 하트를 가져오겠습니다. 이미지를 바로 drawable 디렉토리에 넣어주면 안됩니다. 저희가 사용할 애니메이션은 Vector Animation인데요 그러기 위해서는 Vector Drawable.. 2021. 5. 29.
[JavaScript] 태그 추가 삭제 기능 빠르게 구현하기 안녕하세요. 웹페이지를 통해서 태그를 추가 삭제하는 기능을 빠르게 구현하는 방법을 공유하겠습니다. 태그를 추가하는 기능은 게시물 작성, 콘텐츠 등록 등 다양한 상황에서 사용되는 기능입니다. 스틱 코드에 등록해놓고 필요할 때마다 불러와 사용하면 빠르게 기능 구현이 가능합니다. stickode.com/detail.html?no=2133 스틱코드 stickode.com 1. 태그 추가 추가할 태그를 입력하고 엔터(Enter)를 누르면 태그가 추가됩니다. 2. 태그 중복 체크 이미 추가된 태그는 중복 체크하여 추가하지 못하도록 처리했습니다. 3. 태그 여러 개 추가 여러 태그를 추가할 수 있습니다. 4. 태그 삭제 삭제할 태그에 마우스를 옮기면 해당 태그만 색상이 변경됩니다. x 버튼을 누르면 태그가 삭제됩니다.. 2021. 5. 28.

티스토리툴바