반응형
7주 회고
프로젝트중이다. 힘들다. 끝나고 다시 재업할생각이다 *..
- 활동/회고록
- · 2022. 12. 26.
반응형
리액트 네이티브 프로젝트중에 서버에서 받은 데이터를 state 로 관리할때 기본값을 보통 빈객체로 받아왔다. 이렇게되면 렌더링이되는과정에서 빈객체를 불러와 데이터 핸들링에 처리가 원하는대로 결과를 받지않을수있다. 빈객체는 true 값이기에 예외처리를 하기위해서 state 초기값을 null을 줘 예외처리를 할수있도록 했다. 같은 맥락으로 ?. 옵셔널 체이닝의 도움을 받을수도있다. 프로젝트를 진행하면서 더 자바스크립트의 기본이 중요하게 느껴진다. https://ko.javascript.info/optional-chaining 옵셔널 체이닝 '?.' ko.javascript.info
프로젝트가 연달아있어서 굉장히 바쁘다 ! 주간회고도작성해야되고 til도 작성해야되는데 굉장히 많이 밀려있다,, 이번프로젝트만끝나고 다시 재충전갖는시간을 갖어야겠다.
Pressable 누르기 상호작용을 감지할수있는 컴포넌트이다. 해당컴포넌트를 누르고싶은 요소에 래핑하게되면 적용할수있다. 래핑한 요소를 누르면 onPressin 프레스가 활성화되고 이후에 onPressOut → onPress 가 발생한다. 입력하는사람이 onPressIn 이후에 500ms 간 누르고있으면 onLongPress → onPressOut 이 발생한다. Pressable · React Native
프로젝트중이다. 힘들다. 끝나고 다시 재업할생각이다 *..
React.memo ? 컴포넌트는 기본적으로 props, state, comtext 이 변경되면 리렌더링이된다. 다만 부모 컴포넌트에서 변경되면 자식컴포넌트또한 리렌더링되게되는데 만약에 자식컴포넌트는 변함이없는데 부모컴포넌트 때문에 자식까지 불필요하게 리렌더링된다면? 이것은 자원낭비이다. 이를 막아주는 훅으로 React.memo 의 인자로 들어가는 컴포넌트들의 props 들을 확인한다. 입력되는 모든 props 의 신규값을 확인한뒤 기존의 props 값과 비교하여 리액트에 전달한다. 값이 바뀐경우만 컴포넌트를 재실행 한다. 이렇게 성능 최적화를 하게된다. 이때드는 의문점, 그럼 모든 컴포넌트에 다 적용하면 최적화가 되지않을까? 이말은 틀렸다. 결국에 해당 컴폰너트 들의 props들을 비교하기위해서 드는 ..