jQuery 이벤트이벤트 객체 속성event.pageX : 브라우저 화면을 기준으로 한 마우스의 X 좌표 위치event.pageY : 브라우저 화면을 기준으로 한 마우스의 Y 좌표 위치event.preventDefault() : 기본 이벤트 제거event.stopPropagation() : 이벤트 전달 제거 윈도우 이벤트ready : 윈도우(문서 객체)가 준비 완료했을 때 발생load : 윈도우(문서 객체)를 불러들일 때 발생unload : 윈도우(문서 객체)를 닫을 때 발생resize : 윈도우(문서 객체)의 크기를 변화시킬 때 발생scroll : 윈도우(문서 객체)를 스크롤할 때 발생error : 윈도우(문서 객체)에 에러가 있을 때 발생// 윈도우 크기가 변경될 때 resize 이벤트 발생$(win..
jQuery 선택자태그 선택자태그 요소 이름을 직접적으로 명시하여 요소를 선택합니다.// 페이지의 모든 요소 선택$('p') id 선택자특정 id를 가지는 요소를 선택합니다.// id가 'userName'인 요소 선택$('#userName') class 선택자특정 class를 가지는 요소를 선택합니다.// 클래스명이 'user-group'인 요소 선택$('.user-group') 자식 선택자특정 요소의 1차 자식 요소를 선택합니다.'요소A > 요소B'의 형태로 사용합니다.// body 요소의 모든 직접 자식 요소 선택$('body > *') 후손 선택자특정 요소의 후손(모든 자식) 요소를 선택합니다.'요소A 요소B'의 형태로 사용합니다.// form의 자식 요소들 중 input에 해당하는 모든 자식 ..
JavaScriptJavaScript는 웹 페이지에 동적인 기능을 추가하기 위해 사용되는 프로그래밍 언어입니다.이는 클라이언트 측의 스크립트 언어로, 웹 브라우저에서 실행됩니다.동적 콘텐츠 : HTML 및 CSS는 정적인 콘텐츠를 제공하지만, JavaScript는 웹 페이지에 사용자 상호작용, 애니메이션, 폼 검증 등의 동적인 동작을 추가할 수 있습니다.브라우저 제어 : 브라우저 내의 HTML 및 CSS를 조작하여 웹 페이지의 콘텐츠와 스타일을 동적으로 변경할 수 있습니다.비동기 통신 : 서버와의 비동기 요청을 통해 데이터를 주고받을 수 있습니다. (AJAX) Hello, World! Change Text jQueryjQuery는 JavaScript를 더 쉽게 사용할 수 있도록 해주는 ..
컴포저블의 수명 주기Compose에서 컴포저블은 UI의 상태와 변경 사항을 효율적으로 관리하기 위해 특정한 수명 주기를 따릅니다.초기 Composition 시, Compose는 처음으로 컴포저블을 실행하고, UI를 구성하기 위해 호출된 컴포저블을 추적합니다.앱 상태가 변경되면 Compose는 Recomposition을 예약하여 상태 변경 사항을 반영하고 UI를 업데이트합니다.Composition컴포저블 함수가 처음 호출되어 UI 트리를 구성할 때 발생합니다.컴포저블 함수는 컴포지션 과정에서 호출되어 UI 요소를 생성합니다.RecompositionUI 상태가 변경될 때 컴포저블 함수가 다시 호출되어 UI를 업데이트하는 과정입니다.상태(State)가 변경되면 Compose는 관련된 컴포저블 함수들을 다시 호..
Compose UI 설계 | Jetpack Compose | Android Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. Compose UI 설계 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Compose의 UI는 변경할 수 없습니다. UI를 설developer.android.com ViewModel ViewModel은 UI 데이터를 관리하고, 데이터의 변경 사항을 관찰할 수 있도록 합니다. Compose 및 기타 라이브러리 | Jetpack Compose | Android Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. Compose 및 기타 라이브러리 컬렉션을 사..
부수 효과 (Side Effect)부수 효과는 Composable 함수의 범위 밖에서 일어난 앱의 상태(State) 변경을 처리하는 데 필요합니다.일반적으로 Composable에는 부수 효과가 없는 것이 이상적이지만, 부수 효과가 필요한 경우들이 있습니다.단일 실행 이벤트 (변경사항이 State로 관리될 필요가 없는 경우)애니메이션 처리외부 시스템과의 상호작용컴포넌트 라이프사이클 관리데이터 로드 및 네트워크 요청이때, Effect API를 사용하여 부수 효과가 예측 가능하게 실행되도록 보장해야 합니다. Compose의 부수 효과 | Jetpack Compose | Android Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. Compose의 부수 효과 ..
AnimationAnimation은 사용자 경험을 향상시키고, 앱의 인터페이스를 더 직관적이고 반응적으로 만드는 데 중요한 역할을 합니다. Compose의 애니메이션 | Jetpack Compose | Android DevelopersCompose의 애니메이션은 사용하기 쉬우며 앱에서 훌륭한 상호작용을 제공합니다.developer.android.com 나타나거나 사라지는 애니메이션AnimatedVisibility 함수를 사용하면 visible 속성에 넣은 값에 따라 컴포저블을 숨기거나 표시할 수 있습니다. 애니메이션 수정자 및 컴포저블 | Jetpack Compose | Android Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. 애니메이션 수..
ConstraintLayoutConstraintLayout은 화면에 다른 컴포저블을 기준으로 컴포저블을 배치할 수 있는 레이아웃입니다.여러 중첩된 Column, Row, Box, BoxWithConstraints 등 대신 사용할 수 있습니다. 뷰 시스템에서는 ConstraintLayout이 크고 복잡한 레이아웃을 만드는 데 권장되는 방법이었지만, Compose에서는 이미 깊은 레이아웃 계층 구조를 효율적으로 처리하기 때문에 필수적이지 않습니다.따라서, 다음의 시나리오에서 ConstrainLayout을 사용하는 것을 권장하고 있습니다.코드 가독성 개선을 위해 여러 중첩된 레이아웃 대체다른 컴포저블을 기준으로 컴포저블 배치GuideLine, Chain, Barrier를 기반으로 컴포저블 배치 Compose의..
