분류 전체보기1340 [Kotlin][Android] 문자열 형식 체크하기 오늘은 코틀린 코드로 문자열 형식 체크하는 예시를 만들어 보겠습니다. 1. 영문자로 시작해야하며, 영문자와 숫자 조합이 가능하고, 글자수가 5~15자인 문자열2. 숫자, 영어 대문자, 영어 소문자, 특수 문자( @#$%^&*()_+=!~ ) 가 포함되어야 하며, 글자수가 8~16자인 문자열 1번 형식을 아이디 형식, 2번 형식을 비밀번호 형식이라 가정하고 진행하겠습니다. 액티비티용 레이아웃 xml 파일 코드 (activity_main.xml) 액티비티 코틀린 코드class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { .. 2024. 11. 23. [JavaScript] 이벤트 위임(Event Delegation)으로 동적 리스트 관리하기 안녕하세요.오늘은 이벤트 위임을 활용한 동적 리스트 관리를 단계적으로 구현해 보겠습니다. 1. 이벤트 위임과 동적 리스트 관리란?이벤트 위임이란?이벤트 위임은 부모 요소가 자식 요소의 이벤트를 대신 처리하는 방법입니다. 이 방식은 DOM 요소가 동적으로 추가되거나 삭제되는 경우에 특히 유용합니다. 예를 들어, 리스트에 새로운 아이템을 추가하거나 삭제할 때 이벤트 위임을 활용하면 코드가 훨씬 간결해지고 효율적이 됩니다.왜 필요한가?효율성: 동적으로 생성된 요소에도 추가 작업 없이 이벤트를 적용할 수 있습니다.유지보수성: 이벤트 리스너를 여러 요소에 개별적으로 추가하지 않아도 됩니다.2. 준비물: HTML 구조먼저 기본적인 HTML 구조를 작성해 봅시다. 이 구조는 동적 리스트를 만들고 관리하기 위한 뼈대 .. 2024. 11. 22. [Kotlin][Android] Jetpack Compose 아이템 일괄 삭제하기 안녕하세요 오늘은 컴포즈로 구현한 아이템 리스트에서 선택된 아이템을 일괄적으로 삭제해보도록 하겠습니다 관련된 이전 포스팅은 아래에서 확인가능 합니다 [Kotlin][Android] Jetpack Compose 아이템 텍스트 수정하기안녕하세요 오늘은 컴포즈로 만든 리스트에서 각 아이템의 텍스트를 수정을 해보겠습니다 아이템마다 수정 버튼이 있습니다 이때 TextField와 "확인" 및 "취소" 버튼이 나타나며, 사용자는 값을stickode.tistory.com 목록이 간단할 때에는 큰 필요성을 느끼지 못할 수 있지만 아이템이 많아지면 많아질수록 대량의 아이템을 원하는대로 한번에 처리하는 기능은 꼭 필요한 기능 중 하나입니다 // 일괄 삭제 버튼 Row(modifier = Modif.. 2024. 11. 21. [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. 이전 1 2 3 4 ··· 149 다음