2026/03/23 (2)


화면의 생명주기를 관리하는 useEffect

1. useEffect란?컴포넌트가 렌더링될 때마다 특정 작업(API 호출, 이벤트 리스너 등록, 타이머 등)을 수행하도록 설정하는 Hook입니다.useEffect(() => { // 실행할 코드 (Effect) return () => { // 정리 함수 (Clean-up): 컴포넌트가 사라지기 직전에 실행 };}, [의존성배열]);패턴코드 형태실행 시점마운트 시 1회useEffect(() => {...}, [])화면에 컴포넌트가 처음 나타날 때만 실행 (API 호출 등)특정 값 변경 시useEffect(() => {...}, [count])count 값이 바뀔 때마다 실행매 렌더링마다useEffect(() => {...})의존성 배열을 생략하면 화면이 그려질 때마다 실행 (주의 필요)4. 실..

리액트 네이티브 usestate란?

오늘은 리액트 네이티브 개발에서 가장 기본이 되면서도 중요한 useState 에 대해 알아보겠습니다.모바일 앱은 사용자 인터페이스(UI)가 끊임없이 변합니다. 버튼을 누르면 숫자가 올라가고, 입력창에 글자를 치면 화면에 바로 나타나죠. 이렇게 변하는 데이터 를 관리하기 위해 필요한 것이 바로 useState입니다.1. useState란 무엇인가요?useState는 리액트의 Hook 중 하나로, 함수형 컴포넌트 안에서 상태(State) 를 가질 수 있게 해줍니다.State(상태): 컴포넌트 내부에서 바뀔 수 있는 변수입니다.특징: 상태가 업데이트되면 리액트는 해당 컴포넌트를 자동으로 다시 리렌더링(Re-rendering) 하여 변경된 값을 화면에 보여줍니다.import React, { useState ..