본문 바로가기

전체 글1410

[Kotlin][Android] 바텀 네비게이션바 만들기 머티리얼 디자인에서 제공하는 라이브러리를 사용해서 하단 네비게이션바를 만들어보겠습니다. 빌드 스크립트 설정 새프로젝트 생성 후 gradle 파일에 들어가서 dependencies 에 아래사진과 같이 머티리얼 디자인에서 제공하는 라이브러리 추가해주시고, sync Now 를 해주시면 됩니다. dependencies { implementation 'com.google.android.material:material:1.3.0' } 다음 예제에 사용할 화면을 만들어 보겠습니다. 코드를 그대로 복사/붙여넣기를 하면 아래 사진과 같이 빨간색으로 에러가 나올텐데 빨간 느낌표를 눌러서 navi_menu.xml을 자동으로 생성합니다. navi_menu.xml을 자동으로 생성하면 아래 사진과 같이 파일이 만들어집니다. 파일.. 2021. 5. 9.
[JAVA][Android] 기상청 API 조회하기 안녕하세요! 오늘은 스틱코드를 이용하여 기상청 API를 활용해보겠습니다. 진행 순서는 다음과 같이 진행됩니다. 1. '동네예보 조회서비스' API 신청 2. 'HttpUrlConnection'을 통한 예보 정보 가져오기 3. 실행 1. '동네예보 조회서비스' API 신청 기상청 API인 '동네예보 조회서비스'는 '공공데이터포털'에서 사용 신청이 가능합니다. 회원 가입 및 로그인 이후 사용이 가능하니 먼저 진행해주시기 바랍니다. '공공데이터포털' 사이트 링크 www.data.go.kr/index.do '동네예보 조회서비스'를 검색 후 오픈 API 란에서 동네예보 조회서비스 칸을 보시면 우측에 활용신청 버튼이 있습니다. 버튼을 눌러 신청 란을 작성후 완료하게 되면 '마이페이지'에 신청 확인이 가능하며, '동.. 2021. 5. 8.
[Kotlin][Android] GPS Permission 현재 위치 값 불러오기 기능 저번 시간에 Java를 통해 사용자의 위치를 TextView에 표시하는 기능을 구현했었습니다. 이번 포스팅에서는 앞선 기능을 Kotlin으로 구현해 보도록 하겠습니다. 개발 순서 1. manifest.xml 권한 추가 2. 화면 그리기 (activity_g_p_s_permission.xml) 3. 의존성 추가 4. 코드 작성(GPSPermissionActivity.kt) 5. 결과물 개발 1. manifest.xml 권한 추가 사용자의 위치를 받아 오기 위해서는 매니페스트에 권한을 추가해줘야 합니다. developer.android.com/reference/android/Manifest.permission Manifest.permission | Android 개발자 | Android Developers .. 2021. 5. 7.
[JavaScript] 자바스크립트로 이미지 슬라이더 구현하기 이번 예제에서는 자바스크립트만을 활용한 이미지 슬라이더를 만들어보겠습니다. 먼저, 스틱코드에 올라온 이미지 슬라이더 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 jsImageSlideHTML을 입력하면 자바스크립트 이미지 슬라이드의 HTML 코드가 자동완성됩니다. 이제 호출된 코드 내에 필요한 값을 입력해줍니다. 여기서는 부분에 이미지 슬라이더에 들어갈 이미지의 주소값을 넣어주고, 이전 버튼과, 다음 버튼에 들어갈 문구를 작성해줍니다. 하단은 완성된 html 코드입니다. ← → 다음으로 html 코드에 맞추어 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 jsImageSlideCSS를 입력하면 자바스크립트 이미.. 2021. 5. 6.
[JavaScript] 모달창 빨리 만들기 이번 예제에서는 스틱코드 플러그인을 이용해서 모달창을 만들어보겠습니다. stickode.com/detail.html?no=2090 스틱코드 stickode.com 1. html 작성 (main.html) 스틱코드 단축 자동완성 호출 태그 : modal_html 모달창 키기 스틱코드에서 개발에 필요한 모든 코드를 쉽게 사용하세요. https://stickode.com/mainlogin.html - link태그와 script태그를 이용해서 앞으로 만들 css파일과 js코드를 연결합니다. - 모달창 키는 버튼, 모달 백그라운드, 모달 닫기 버튼, 모달 안에 들어갈 택스트 등 레이아웃을 짭니다. 2. css 작성 (main.css) 스틱코드 단축 자동완성 호출 태그 : modal_css #modal_btn { .. 2021. 5. 5.
[PHP] PDO DB 커넥션 빠르게 구현하기 안녕하세요. PDO DB 커넥션 코드는 웹서버 새로 셋팅할때마다 필요한 코드입니다. 스틱 코드를 이용해서 빠르게 PDO DB 커넥션 코드를 구현하는 방법을 공유 하겠습니다. 사전 준비 사항 apache, php, mysql 설치 및 연동 stickode.com/detail.html?no=2089 PDO란? PDO(PHP Data Objects)란 여러가지 데이터베이스를 제어하는 방법을 표준화시킨 것이다. 데이터베이스는 다양한 종류가 있다. 그리고 종류에 따라서 서로 다른 드라이브를 사용해 왔는데 드라이브의 종류에 따라서 데이터베이스를 제어하기 위한 API가 달랐다. PDO를 사용하면 동일한 방법으로 데이터베이스를 제어할 수 있다. 1. DB 정보를 담고 있는 php 파일 파일명: /var/info.php.. 2021. 5. 4.
[JAVA][Android] 텍스트 자동 완성 기능을 만들어보자 안녕하세요 ~ 오늘은 안드로이드에서 텍스트를 자동으로 완성하는 기능을 구현해 보겠습니다. 위 사진처럼 인터넷을 사용하시다 보면 검색한 단어가 자동으로 완성되는 것을 보셨을 텐데요. 해당 기능은 안드로이드의 autoCompleteTextView 를 사용하여 쉽게 구현해 볼 수 있습니다. 그럼 한번 만들어 볼까요? - 스틱코드 stickode.com/mainlogin.html STICKODE stickode.com 레이아웃 그리기 첫 번째로 검색창을 보여줄 레이아웃을 만들어 보겠습니다. ▶ activity_main 위 코드는 레이아웃에 사용된 전체 소스 코드입니다. 자동완성 기능 구현 우선 자동 완성될 단어를 담는 리스트와 검색창을 담당할 autoCompleteTextView를 선언해 줍니다. 여러 단어 뭉.. 2021. 5. 3.
[JAVA][Android] 알림(Notification) 기능 만들기 Notification Notification(알림)은 앱이 forground에서 실행 상태가 아니여도 사용자에게 정보를 제공할 수 있는 UI형태 입니다. 쉽게 말해 카카오톡의 메시지 알림 메시지를 떠올리시면 이해가 되시겠죠? 알림을 만들기 전에 우선 채널에 대한 이해가 필요합니다. 왜냐하면 안드로이드 8.0 Oreo (2017년 8월 발표) 이상부터는 Notification Channel을 필수적으로 만들어줘야 하기 때문인데요 Notification Channel Notification을 여러가지 용도로 나누어서 관리할 수 있게 만들어 주고 사용자가 직접 각 채널별로 알림 중요도나 기타 설정을 변경할 수 있습니다. Oreo이전에는 Notification을 앱 단위로 운영했다면 지금은 앱 하위에 Chan.. 2021. 5. 2.
[JAVA][Android] 권한 설정하기 이번 포스팅에선 앱을 만들 때 중요한 것 중 하나인 권한을 설정하는 방법을 다루겠습니다. 먼저 앱 수준 gradle 파일을 열어 의존성 문구를 하나 추가해줍니다. implementation 'gun0912.ted:tedpermission:2.2.3' 권한 설정을 좀 더 편리하게 할 수 있는 라이브러리를 사용하기 위한 의존성입니다. 그리고 매니페스트에 아래 권한을 추가해줍니다. 다음은 xml 코드입니다. 버튼을 누르면 카메라 권한을 요청하는 화면을 띄울 것이기 때문에 화면 구성은 버튼 하나만 있는 매우 간단한 화면입니다. 다음은 자바 코드입니다. 버튼만 있기 때문에 간단하게 클릭 리스너만 만들겠습니다. public class MainActivity extends AppCompatActivity { priv.. 2021. 5. 1.

티스토리툴바