본문 바로가기

스틱코드100

[JAVA][Android] 만보계를 만들어 보자 안녕하세요~ 오늘은 스틱코드를 사용해서 만보계를 빠르게 만들어볼 예정입니다. 스틱코드? stickode.com/mainlogin.html STICKODE stickode.com 레이아웃 작성 ▶ activity_main.xml 이렇게 만보기의 메인 화면을 만들어 보았습니다 다음으로 스틱 코드를 사용하여 만보기의 기능을 추가해 보겠습니다. 만보계 기능 추가 1. 안드로이드 센서 사용 권한 추가 안드로이드 10 (Target SDK 29 )가 빌드업 되면서 센서를 사용하려면 권한을 인가 받아야 합니다. ▶ AndroidManifest.xml 에 권한을 추가 해줍니다 ▶ MainActivity.java 에 권한 체크 기능을 추가 해줍니다 // 활동 퍼미션 체크 if(ContextCompat.checkSelfP.. 2021. 4. 21.
[Kotlin][Android] 알림(Notification) 기능 만들기 Notification(알림)이란? 사용자에게 미리 알림을 주고 다른 사람과의 소통을 가능하게 하며 앱에서 보내는 기타 정보를 적시에 제공하기 위해 Android가 앱의 UI 외부에 표시하는 메시지입니다. [참고] developer.android.com/guide/topics/ui/notifiers/notifications?hl=ko 알림 기능을 만들어 보겠습니다. 먼저 예제에 사용할 화면을 만들어 보겠습니다. 다음 코드를 작성해 보겠습니다. 스틱코드를 활용한다면, 클래스에서 'b' 까지만 작성했을 때 '버튼 이벤트 생성' 이벤트가 나타납니다. '버튼 이벤트 생성' 이벤트를 누를 경우 코드가 자동으로 완성이 됩니다. 여기서는 버튼의 아이디 값만 입력을 해주시면 됩니다. 다음 알림을 보내기 위해 알림을 생.. 2021. 4. 17.
[Kotlin][Android] SeekBar 시크바 기본 사용법 오늘은 코틀린을 이용해서 시크바를 구현해보도록 하겠습니다. 시크바란? SeekBar은 슬라이더 형태의 게이지 바를 말합니다. 음량이나 밝기 외에도 음악, 동영상 제어하는 등 다양한 곳에 사용되기 때문에 한번 익혀 놓으면 다양한 곳에 사용할 수 있습니다. 시크바 공식문서 developer.android.com/reference/android/widget/SeekBar SeekBar | Android 개발자 | Android Developers developer.android.com 시크바 이벤트 리스너를 활용하면, 사용자가 시크바에서 선택한 값을 알 수 있습니다. (1) onProgressChanged: 시크바를 조작하고 있는 중에 발생 (2) onStartTrackingTouch: 시크바를 처음 터치했을.. 2021. 4. 16.
[PHP] phpmailer을 이용한 이메일 전송 구현에 사용된 코드는 stickcode에서 확인하실수있습니다. stickode.com/detail.html?no=2041 스틱코드 stickode.com 우선 phpamiler을 이용하기 위해 php 패키지 도구인 composer 을 설치하겠습니다. 리눅스 터미널에서 curl -sS https://getcomposer.org/installer | sudo php -- --install-dir=/usr/local/bin/ 혹은 php -r "readfile('https://getcomposer.org/installer');" | php -- --install-dir=/usr/local/bin/ 로 설치후 sudo ln -s /usr/local/bin/composer.phar /usr/local/bin/co.. 2021. 4. 15.
[Java][Android] SeekBar 시크바 기본 사용법 시크바란? 시크바는 사용자가 범위 내에서 값을 선택할 수 있도록 도와주는 막대 형태의 뷰입니다. 음량/밝기 조절, 이미지 필터 적용, 동영상 재생 등 다양한 곳에 활용됩니다. 시크바 공식문서 developer.android.com/reference/android/widget/SeekBar SeekBar | Android 개발자 | Android Developers developer.android.com 시크바 이벤트 리스너를 활용하면, 사용자가 시크바에서 선택한 값을 알 수 있습니다. (1) onProgressChanged: 시크바를 조작하고 있는 중에 발생 (2) onStartTrackingTouch: 시크바를 처음 터치했을 때 발생 (3) onStopTrackingTouch: 시크바 터치가 끝났을 때.. 2021. 4. 14.
[PHP] 네이버 검색 API 빠르게 구현하기 안녕하세요. 스틱코드를 활용하여 서버 사이드에서 네이버 검색 API 빠르게 구현하는 방법을 공유 하겠습니다. 네이버 검색 API를 사용하기 위해서는 네이버 developers 에서 내 애플리케이션을 등록해야 사용이 가능합니다. 내 애플리케이션이 등록되어 있다고 가정 하고 설명드리겠습니다. 네이버 검색 API 호출하는 코드는 스틱코드에 등록해놓으면 프로젝트 진행시 불러와서 Naver-Client-Id 와 Naver-Client-Secret 값만 변경해서 사용하면 될 것 같습니다. https://stickode.com/detail.html?no=2032 스틱코드 stickode.com 네이버 검색 API 키값 확인 방법 Client ID와 Client Secret 정보를 확인하여 아래 소스 코드에 복사 붙어.. 2021. 4. 11.
[Kotlin][Android] Floating Action Menu 만들기 안녕하세요~ 오늘은 FloatingActionButton을 사용한 메뉴 기능을 만들어 보겠습니다. 앱을 사용하다 보면 위와 같은 버튼을 보신적이 있으실 텐데요, 위 버튼을 FloatingActionButton(fab)이라고 합니다. 화면이 움직이더라도 fab 버튼은 화면의 최상위에 고정되어 떠있는 것을 보실 수 있습니다. 그럼 fab 버튼을 이용하여 메뉴를 구현하는 예제를 스틱코드를 이용해서 만들어 보도록 하겠습니다. 레이아웃 작성 ▶ activity_main.xml 우측 하단에 fab 버튼을 배치하고 버튼을 눌렀을때, 나올 서브 fab 버튼을 위쪽으로 배치했습니다. 다음은 fab 버튼을 사용할때 많이 사용하는 옵션입니다. src : fab 버튼의 아이콘을 지정할 수 있습니다. backgroundTint.. 2021. 4. 9.
[Kotlin][Android] Lottie 스플래시(Splash)화면 만들기 스플래시(Splash)화면이란? 앱 실행시 브랜드 로고나 이벤트 광고 등 지나가는 화면을 말합니다. Lottie란? 에어비엔비에서 만든 After Effect 애니메이션을 랜더링하여 애니메이션으로 보여주는 라이브러리입니다. [참고] airbnb.io/lottie/#/android 먼저, build.gradle 파일 안에 Lottie라는 라이브러리를 사용하기 위해 아래 화면처럼 추가하고 Sync Now 버튼을 누르시면 라이브러리가 적용됩니다. implementation "com.airbnb.android:lottie:3.6.1" 다음 로티에 사용할 애니메이션을 다운로드 받기 위해 아래 주소로 접속합니다 lottiefiles.com/ 주소로 접속하면 아래와 같은 화면이 나옵니다. 여기서 Go TO My Da.. 2021. 4. 6.
[Java][Android] 마이크 녹음(record) 기능 구현하기 오늘은 휴대폰 마이크를 이용하여 목소리를 녹음하고 녹음한 것을 재생해보는 예제를 만들어보겠습니다. 개발 순서 1. 화면 구성하기 1) 이미지 파일 준비하기 2) 메인화면 (MainActivity.xml) 3) ItemView (itemview.xml) 2.java class 구현 1) 리사이클러뷰 어댑터 (AudioAdapter.java) 2) 오디오 권한 추가(Manifest.xml) 3) 녹음 & 오디오 재생 화면(MainActivity.java) 1. 화면 구성하기 1-1. 이미지 파일 준비하기 녹음과 관련된 아이콘은 안드로이드 스튜디오에 있는 아이콘으로 사용하겠습니다. 1-2) 메인화면 (MainActivity.xml) 녹음 화면을 만들어보겠습니다. 녹음 화면 구성 1. 녹음 영역 2. 녹음된 내.. 2021. 4. 4.

티스토리툴바