분류 전체보기1547 [JAVA][Android] CollapsingToolbarLayout 상단바 확장/축소에 따라 상태바 색상 변경하기 안녕하세요, 오늘은 CollapsingToolbarLayout 상단바 확장/축소에 따라 상태바 색상 변경하는 예제를 만들어 보도록 하겠습니다. MainActivity.javapublic class MainActivity extends AppCompatActivity { private AppBarLayout appBarLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // AppBarLayout 상태 감지 appBarLayou.. 2025. 2. 16. [Kotlin][Android] 문자열 템플릿 활용하기 오늘은 문자열 템플릿을 사용해 텍스트 뷰로 문자열을 보여주는 예시를 만들어 보겠습니다. 레이아웃 xml 파일 코드(activity_main.xml) 액티비티 코틀린 코드class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // 변수 선언 val name = "홍길동" val age = 25 // findViewById를 사용하여 TextV.. 2025. 2. 14. [Java][Android] 터치 이벤트 좌표 추적하기 안녕하세요오늘은 안드로이드에서 터치 이벤트 좌표를 추적하여 표시하고, 그리는 기능을 구현해보도록 하겠습니다. 우선 전체 코드입니다. MainActivity.javapublic class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); }} TouchTrackingView.javapublic class TouchTrackingView extends View { private Paint paint; privat.. 2025. 2. 13. [JavaScript] 로컬 이미지 업로드 및 이미지 확대하여 모달창에 띄우기 안녕하세요 오늘은 HTML, CSS, JavaScript 를 활용해 로컬에서 이미지를 불러온 후 이미지를 클릭하면 모달 창에 확대된 이미지를 띄워주는 간단한 웹 애플리케이션을 만들어보겠습니다. gallery.html 이미지 갤러리 이미지 업로드 × 1. 이미지 업로드로컬에서 이미지 파일을 선택하고 갤러리에 추가합니다. 이미지 업로드 2. 이미지를 확대하는 모달 창 × 시연영상입니다 감사합니다. 2025. 2. 12. [Python] 간단한 메모장 프로그램 만들기 Python은 파일을 읽고 쓰는 작업을 매우 간단하게 처리할 수 있습니다.이번 글에서는 파일 처리의 기본 개념을 배우고, 이를 활용해 간단한 메모장 프로그램을 만들어 보겠습니다. 1. Python의 파일 처리 기본 개념Python에서 파일을 다룰 때는 open() 함수를 사용합니다. 파일을 열 때는 모드를 지정해야 하며, 모드에 따라 파일을 읽거나 쓰는 방식이 달라집니다.파일 모드 설명r (read): 읽기 전용 모드. 파일이 존재하지 않으면 오류가 발생합니다.w (write): 쓰기 전용 모드. 파일이 존재하면 내용을 덮어쓰고, 없으면 새로 만듭니다.a (append): 추가 모드. 파일이 존재하면 끝에 내용을 추가하고, 없으면 새로 만듭니다.2. with 구문Python에서는 파일을 다룰 때 with.. 2025. 2. 11. [JAVA][Android] RecyclerView에서 스와이프로 항목 삭제 (Undo 기능 포함) 시연 영상 1. 스와이프 삭제 기능이 왜 필요할까요?1) 사용자 경험(UX) 향상앱에서 불필요한 항목을 삭제할 때 버튼을 따로 누르기보다 자연스럽게 스와이프하여 삭제하는 방식이 더 직관적입니다.✔️ 터치 기반 UI에서 스와이프는 손가락 하나로 쉽게 조작할 수 있어 사용자의 피로도를 줄일 수 있음✔️ 삭제 버튼을 찾을 필요 없이 바로 제거 가능하여 더 빠른 작업 처리 가능 2) 화면 공간 절약✔️ 보통 삭제 버튼이 각 항목마다 따로 배치되면 리스트가 복잡해 보일 수 있음✔️ 스와이프 동작만으로 삭제 가능하면 UI가 더 깔끔해지고 화면 공간을 더 효율적으로 사용 가능 3) 삭제 후 복구 (Undo) 가능✔️ 실수로 항목을 삭제했을 경우 스낵바(Snackbar)에서 '실행 취소' 버튼을 눌러 복구 가능 2.. 2025. 2. 10. [Nodejs]moment 모듈 활용 예시 만들기 오늘은 moment 모듈을 사용해 날짜, 일시를 출력하는 예시를 만들어 보겠습니다.moment 모듈은 자바스크립트에서 날짜와 시간 데이터를 조작, 파싱, 검증, 표시하는 기능을 제공하는 모듈입니다. https://momentjs.com/ Moment.js | HomeFormat Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); moment("20120620", "YY.. 2025. 2. 7. [Java][Android] EditText 포커스 해제 시 키보드 숨기기 안녕하세요안드로이드 개발을 할때 EditText에 포커스를 두면 키보드가 나타나게 됩니다.그리고 이 키보드를 숨기려면 기본적으로 일일히 키보드 숨김 버튼을 눌러야 하게끔 되어있습니다. 하지만 사용성 측면에서 키보드 밖 화면을 터치했을 때 키보드가 사라지게끔 하는 기능을 추가하는것이 좋습니다.오늘은 이 기능을 구현해보도록 하겠습니다. 우선 전체 코드입니다. MainActivity.javapublic class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.lay.. 2025. 2. 6. [JavaScript] 다중 Progress Bar와 전체 진행률 구현하기 (2) - 일시중지 및 삭제버튼 추가 안녕하세요 오늘은 지난 시간에 이어서 다중 Progrees Bar 에 일시정지 버튼, 그리고 삭제 버튼을 추가해보도록 하겠습니다. 지난 포스팅은 아래 링크에서 확인하실 수 있습니다 [JavaScript] 사용자 입력 기반 다중 Progress Bar와 전체 진행률 구현하기안녕하세요 오늘은 자바스크립트와 html 을 이용해 Progress Bar를 만들어보도록 하겠습니다. 프로그레스바는 사용자가 진행 상황을 시각적으로 쉽게 파악할 수 있도록 도와주는 UI 요소로, 다stickode.tistory.com 진행률 표시줄 시작 전체 진행률: 위 코드의 흐름은 다음과 같습니다. 시간 입력 및 시작- 각 항목의 입력란에 원하는 시간을 초 단위로 입력합.. 2025. 2. 5. 이전 1 ··· 13 14 15 16 17 18 19 ··· 172 다음
