신입 개발자가 React를 활용하여 리뷰 앱을 개발한 경험을 공유함
React 컴포넌트 기반의 개발 방식과 단방향 데이터 바인딩의 장점을 체감함
Bottom-up 방식의 컴포넌트 분할 학습법을 통해 React에 대한 이해도를 높임
React는 컴포넌트 단위로 UI를 구성하여 코드 재사용성과 유지보수성을 높인다. 구체적으로 import를 통해 필요한 컴포넌트를 쉽게 가져와 사용할 수 있다. 따라서 코드 중복 감소와 개발 생산성 향상을 동시에 달성할 수 있다.
React의 단방향 데이터 바인딩은 부모 컴포넌트에서 자식 컴포넌트로의 데이터 흐름을 명확하게 한다. 따라서 데이터 흐름 추적이 용이하며, 디버깅 시간을 단축할 수 있다. 반면, 데이터 조작의 유연성은 다소 제한적일 수 있다.
React 초보자는 Bottom-up 방식으로 컴포넌트를 분할하는 연습을 통해 컴포넌트 개념을 익힐 수 있다. 구체적으로, 먼저 전체 페이지 코드를 작성한 후, 반복되는 부분을 컴포넌트화한다. 결과적으로 컴포넌트 설계 능력을 향상시킬 수 있다.