Storage

리액트 네이티브를 다루는 기술 책을 공부하면서 정리한 내용입니다. 이 글에 이어 정리합니다. 2022.03.18 - [개발/React Native] - 다이어리 앱 만들기 2 (1/4) 2022.03.18 - [개발/React Native] - 다이어리 앱 만들기 2 (2/4) 2022.03.18 - [개발/React Native] - 다이어리 앱 만들기 2 (3/4) 날짜 및 시간 수정 기능 구현하기 WriteScreen에서 date 상태를 만든다. onSave에서 수정하거나 새로 지정할 때 date 상태를 사용되도록 변경한다. WriteHeader에는 date와 onChangeDate를 Props로 넣는다. // WriteScreen.js ( ... ) const [date, setDate] = us..

리액트 네이티브를 다루는 기술 책을 공부하면서 정리한 내용입니다. 불변성을 지키면서 객체와 배열 업데이트하기 리액트에서 객체와 배열 타입의 상태를 다룰 때는 불변성 (immutability)을 지며야 한다. 불변성을 지켜야 하는 이유 리액트에서 불변성을 지켜야 하는 이유는 렌더링 성능 최적화 방식 때문이다. 부모 컴포넌트가 리렌더링 되면 자식 컴포넌트도 리렌더링 된다. 불변성을 지키는 방법 // spread 연산자 const numbers = [0, 1, 2, 3]; const nextNumbers = [...numbers, 4]; // concat 함수 const numbers = [0, 1, 2, 3]; const nextNumbers = numbers.concat(4); const numbers =..