본문 바로가기

전체 글1337

[Java][Android] TextInputLayout의 Counter 기능 (글자 수 제한) 안녕하세요 오늘은, Material Design 의 TextInputLayout 을 사용하여Counter 기능을 이용한 간편하게 글자 수 제한을 표시해보도록 하겠습니다. 우선 전체 코드입니다.   해당 레이아웃을 적용하여 counterMaxLength를 설정해주면,따로 제한 글자 수 를 보여주는 뷰를 만들지 않아도 간편하고 효과적으로 기능을 구현할 수 있습니다. 시연 영상입니다. 2024. 11. 20.
[JavaScript] OpenStreetMap 지도 위에 반경 표현하기 안녕하세요, 오늘은 OpenStreetMap 지도 위에 특정 위경도 기준으로 반경을 표현해보도록 하겠습니다.  아래 코드는 강남역 기준 반경 500m 를 원으로 표현한 예제입니다. DOCTYPE html>html lang="en">head>  meta charset="UTF-8">  meta name="viewport" content="width=device-width, initial-scale=1.0">  title>지도 위 반경 표현title>  link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />  style>    #map {      height: 1000px;      width: 100%;    }  .. 2024. 11. 19.
[JAVA][Android] webView를 사용하여 앱에서 웹페이지 띄우기 앱 내에서 웹 페이지를 표시 할 때 사용하며주로 모바일 앱에서 간단한 웹 컨텐츠를 임베드하거나, 특정 기능을 웹 페이지 형식으로 제공 할 때 유용합니다. 그럼 왜 사용할까요? 1. 웹 컨텐츠의 재사용: 이미 만들어진 웹 페이지를 그대로 앱에 사용 할 수 있습니다.예를들어서 무신사 홈페이지, 카카오톡에서 채팅에 주소 링크를 받고 해당 링크를 눌러 홈페이지를 열때 등.2. 웹과 앱의 기능 통합: 웹 서비스가 이미 존재하거나 앱의 일부 기능을 웹으로 구현 했다면 이를 webView에 띄워서 사용 할 수 있습니다.3. 업데이트의 용이: webView에 표시할 웹 컨텐츠는 서버에서 관리 하기 때문에 앱 자체를 업데이트 하지 않아도 컨텐츠 변경이 가능합니다.4. 개발 시간 절약: 별도의 앱UI(네이티브UI) 를 구.. 2024. 11. 18.
[Java][Android] 문자열 형식 체크하기 오늘은 자바코드로 문자열 형식 체크하는 예시를 만들어 보겠습니다. 1. 영문자로 시작해야하며, 영문자와 숫자 조합이 가능하고, 글자수가 5~15자인 문자열2. 숫자, 영어 대문자, 영어 소문자, 특수 문자( @#$%^&*()_+=!~ ) 가 포함되어야 하며, 글자수가 8~16자인 문자열 1번 형식을 아이디 형식, 2번 형식을 비밀번호 형식이라 가정하고 진행하겠습니다.       액티비티용 레이아웃 xml 파일 코드 (activity_main.xml)    액티비티 자바 코드public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedIn.. 2024. 11. 17.
[JavaScript] 동영상 재생하기 안녕하세요.안녕하세요! 오늘은 JavaScript를 사용자가 자신의 컴퓨터에서 동영상 파일을 선택하고, 웹 브라우저에서 직접 미리보기로 재생할 수 있는 기능을 구현해 보겠습니다. 주요 기능을 정리하면 다음과 같습니다.사용자가 파일을 선택하면 동영상을 미리보기로 재생파일 크기 제한: 50MB 이하의 동영상만 업로드 가능파일 정보 표시: 파일 이름, 크기, 형식을 화면에 출력드래그 앤 드롭을 통한 파일 업로드 지원다중 파일 선택 기능으로 여러 동영상을 한 번에 미리보기1. HTML 코드 작성 : index.html먼저 기본적인 HTML 구조를 작성합니다. 동영상 미리보기 여기로 파일을 드래그하거나 클릭하여 동영상을 선택하세요.  : 사용자가 동영상 .. 2024. 11. 16.
[Kotlin][Android] Jetpack Compose 아이템 텍스트 수정하기 안녕하세요 오늘은 컴포즈로 만든 리스트에서 각 아이템의 텍스트를 수정을 해보겠습니다  아이템마다 수정 버튼이 있습니다 이때 TextField와 "확인" 및 "취소" 버튼이 나타나며, 사용자는 값을 수정할 수 있습니다. if (isEditing[index]) { // 편집 모드일 때 TextField와 확인, 취소 버튼 표시 var editText by remember { mutableStateOf(item) } TextField( value = editText, .. 2024. 11. 15.
[Java][Android] 화면 캡처해서 갤러리에 저장하기 안녕하세요.오늘은 화면캡처를 해서 갤러리에 저장하는 기능을 구현해보겠습니다. 우선 전체 코드입니다. MainActivity.javapublic class MainActivity extends AppCompatActivity { private Button captureButton; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); captureButton = findViewById(R.id.captureButton); captureButton.setOnClickListener(new .. 2024. 11. 14.
[JavaScript] OpenStreetMap 지도 위에 경로가 그려지는 애니메이션 출력 안녕하세요, 오늘은 OpenStreetMap 지도 위에 원하는 경로를 따라 선이 그려지는 애니메이션을 출력해보도록 하겠습니다.  애니메이션 효과를 주어 특정 경로의 출발점부터 도착점까지 위도, 경도를 따라 선이 그려지도록 하는 예제입니다.  DOCTYPE html>  html lang="en">head>  meta charset="UTF-8">  meta name="viewport" content="width=device-width, initial-scale=1.0">  title>Leaflet OpenStreetMap 경로 출력 예제title>  link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />  style>.. 2024. 11. 13.
[Kotilin][Android] RatingBar을 사용해서 별점만들기 이번에는 코틀린 언어로 작성해 보았습니다. RatingBar는 앱 사용시 주로 사용자가 특정항목이나 경험에 점수를 주는것을 볼 수 있습니다.이는 별점으로 표시되고 사용자가 직관적으로 해당 항목에 만족도를 표현 할 수 있는 기능입니다. 예를들면 상품리뷰의 별점을 줄 수 있습니다전자상거래 앱에서 사용자들이 구매한 상품에 대해 별점을 부여할 수 있습니다. 예를 들어, 사용자가 구매한 전자기기에 대해 1~5개의 별을 부여하여 만족도를 나타낼 수 있습니다. 이 별점은 다른 잠재 구매자들에게 해당 제품의 품질에 대한 인사이트를 제공합니다.영화 또는 TV 프로그램 평가를 할 수 있습니다.스트리밍 서비스나 영화 리뷰 애플리케이션에서, 사용자들이 영화를 시청한 후 별점을 매길 수 있습니다. 이는 다른 사용자가 영화를 선.. 2024. 11. 12.