안녕하세요! 바울랩 ‘오현규’ 연구원 입니다.

저번 게시글에서 리액트 네이티브 개발 환경을 구성하는 단계까지 완료했는데요,

이번에는 리액트 Hooks와 화면 간 이동을 해주는 Navigation을 다뤄보겠습니다.

Hooks?

React는 기본적으로 **'state'**와 **'props'**로 상태관리를 하는데요( 쉽게 말해 데이터를 주고 받는방법!)

상태 관리는 주로 컴포넌트(화면)의 라이프 사이클에서 관리가 되었습니다.

라이프 사이클에 대해서 잠깐 알아볼게요,

1. constructor ( 컴포넌트가 처음 만들어질때 실행)

2. componentWillMount ( 컴포넌트가 DOM 위에 만들어지기 전에 실행)

3. render( 컴포넌트 렌더링)

4. componentDidMount( 컴포넌트가 생성 된 후 실행)

    - 주로 이 구간을 활용해 AJAX나 이벤트를 처리합니다.
   

이렇게 여러 라이프 사이클을 사용해 수 년간 리액트 개발을 거친 결과, 문제점을 발견 했는데요!

개발 중 수 많은 컴포넌트들이 만들어지며,

로직이 여러 LifeCycle에 흩어지고 밀접하게 결합되면서 컴포넌트 재사용을 못하고

중복된 컴포넌트들이 무수히 많이 생기게 되는 문제가 생기는 것이죠..