728x90
반응형

state 2

State(MutableState)

state란?application에서 시간에 따라 변할 수 있는 모든 값ex) 스낵바, ripple effect 등등특정 UI 요소의 상태를 나타내며, 상태가 변경되면 해당 UI가 자동으로 다시 그려지도록 함(state update)변경된 상태를 UI에 반영하기 위한 추가적인 코드 필요 x → 간결데이터 상태와 UI 코드 분리 → 유지보수 쉬움선언형 UI(jetpack compose)에서 state를 업데이트하기 위해서는 동일한 composable을 새 인수로 호출해야 함.→ state 업데이트마다 recompositionrecomposition이란?state의 변경 시 영향을 받는 일부 UI만 업데이트하는게 효율적. 따라서 해당 composable 함수만 다시 실행. → remember 이용 remem..

CS/Android 2025.02.03

[백엔드 개발자의 프론트 도전기] 5. props

컴포넌트 사이의 데이터 전달은 props를 통해 이루어진다. 함수형 컴포넌트에서, 다른 컴포넌트의 state를 가져오고 싶으면 아래와 같은 단계를 거쳐야한다. 1. 전달해주는 측 state를 정의한 함수이다. 여기서는 정의한 다른 컴포넌트를 호출하면서, 해당 컴포넌트에 이 state를 넘겨줄 이름을 지정한다. 2. 전달받는 측 해당 state를 가져오려는 함수이다. 마치 c,cpp,java에서 인자를 넘기듯이, function을 정의할 때 해당 state를 넘겨주기 전 정의한 이름을 인자로 써주면 된다. 이렇게만 보면 어려우니, 예시를 보자. -예제 우선, state를 정의하고 메인으로 사용하는 컴포넌트 부분이다. 이전 https://jyejye311.tistory.com/104를 참고하면, 이 컴포넌트..

개발/React 2023.12.13
728x90
반응형